# Positioning

Positions are available with or without prefixes.

- **Static:** - position-static
- **Relative:** - position-relative
- **Absolute:** - position-absolute
- **Fixed:** - position-fixed

## Positioning on zero point
- **Top:** - position-top
- **Bottom:** - position-bottom
- **Left:** - position-left
- **Right:** - position-right
- **Top left corner:** - top-left-corner
- **Top right corner:** - top-right-corner
- **Bottom left corner:** - bottom-left-corner
- **Bottom right corner:** - bottom-right-corner

## Examples
````Html
<!-- Alias for s-absolute -->
<div class="position-absolute">
Some content
</div>

<div class="s-fixed m-relative">
Some content
</div>

<!-- top: 0; left: 0 -->
<div class="position-top position-left">
Some content
</div>

<!-- top:0; left: 0 -->
<div class="s-top-left-corner m-top-right-corner">
Some content
</div>
````