mx-1: Tailwind CSS Margin class

The mx-1 class applies a horizontal margin of 0.25rem (4px) on both the left and right sides.


mx-1 (Horizontal Margin 1)

The mx-1 class applies a horizontal margin of 0.25rem (4px) on both the left and right sides.

Example Code

html
<div class="rounded-t-md bg-gray-100 flex items-center justify-center p-5">
<div class="bg-indigo-300 w-20 h-10 rounded">
<div class="mx-1 bg-indigo-500 text-white font-bold text-center">
Mx-1
</div>
</div>
</div>

Preview

Mx-1

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs! 

Build from scratch or select prebuilt tailwind templates