Tailwind provides position utilities with corresponding placement utilities:
Position types:
relative
- position: relativeabsolute
- position: absolutefixed
- position: fixedsticky
- position: stickyPlacement utilities:
top-0
, right-0
, bottom-0
, left-0
inset-0
- top, right, bottom, left: 0inset-x-4
- left and right: 1reminset-y-2
- top and bottom: 0.5remExample:
<div class="relative">
<div class="absolute top-2 right-2">Positioned element</div>
</div>