Page Navigation:

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