<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>
← Tailwind CSS classes list
Tailwind CSS class: .inline-block
Preview
One
Two
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
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.
CSS source
.inline-block {
display: inline-block;
}