Utilities for controlling the placement of positioned elements.
Use top-<number>, right-<number>, bottom-<number>, left-<number>, and inset-<number> utilities like top-0 and bottom-4 to set the horizontal or vertical position of a positioned element:
To use a negative top/right/bottom/left value, prefix the class name with a dash to convert it to a negative value:
Use inset-s-<number> or inset-e-<number> utilities like inset-s-0 and inset-e-4 to set the inset-inline-start and inset-inline-end logical properties, which map to either the left or right side based on the text direction:
For more control, you can also use the LTR and RTL modifiers to conditionally apply specific styles depending on the current text direction.