mx-0: Tailwind CSS Margin class

The mx-0 class removes any left and right margin from an element.


mx-0 (Horizontal Margin 0)

The mx-0 class removes any left and right margin from an element.

Example Code

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

Preview

Mx-0

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