← Tailwind CSS classes list

Tailwind CSS class: .inline-block

                    <div class="bg-gray-400 p-2">
  <div class="inline-block bg-teal-400">One</div>
  <div class="inline-block bg-teal-400">Two</div>
</div>
                

Preview

One

Two

Check .inline-block 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 →

CSS source

.inline-block {
    display: inline-block;
}

Tailwind CSS class: .inline-block

Preview

Check .inline-block in a real project

CSS source

More in Tailwind CSS Display

Tailwind CSS