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!
