Last updated on March 19, 2026

Margin

Edit

Usage

Please refer to the documentation on the Tailwind CSS website

Compatibility

Support applies to the documented values and platforms. See the RC compatibility notes for value limits and native migration alternatives. Browser behavior is evaluated separately.

ClassSupport
m-{n}
✅ Supported
m-[n]
✅ Supported
mx-{n}
✅ Supported
mx-[n]
✅ Supported
my-{n}
✅ Supported
my-[n]
✅ Supported
mt-{n}
✅ Supported
mt-[n]
✅ Supported
mr-{n}
✅ Supported
mr-[n]
✅ Supported
mb-{n}
✅ Supported
mb-[n]
✅ Supported
ml-{n}
✅ Supported
ml-[n]
✅ Supported
ms-{n}
✅ Supported
ms-[n]
✅ Supported
me-{n}
✅ Supported
me-[n]
✅ Supported
m-auto
✅ Supported
mx-auto
✅ Supported
mt-auto
✅ Supported
mb-auto
✅ Supported
ms-auto
✅ Supported
me-auto
✅ Supported
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Supported

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

Not supported on native: rejected by the native CSS engine

🌐 Web only

On this page