← Tailwind CSS classes list

Tailwind CSS class: .relative

<div class="relative bg-gray-600 py-6">
  Relative
  <div class="absolute bottom-0 left-0 bg-gray-800 p-4">
    Absolute
  </div>
</div>

Preview

Relative
Absolute

Check .relative in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

CSS source

.relative { 
    position: relative;
}

More in Tailwind CSS Positioning