Position
Position values
Static
Position static
Relative
Position relative
Absolute
Position absolute
Fixed
Position fixed
Sticky
Position sticky
Arrange elements
Top left
Top right
Center (top left)
Center (bottom right)
Bottom left
Bottom right
Center elements
Both directions
Horizontal and vertical centering only works when using top and start values for positioning.
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
One direction
Horizontal centering only works when using start value for positioning.
Vertical centering only works when using top value for positioning.
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
Examples
Notification number
Notification circle
Marker
Progress with steps
1
2
3