Margin
Visit https://tailwindcss.com/docs/margin (opens new window) for more information.
Margin
| Class | Description |
|---|
| .m-2 | margin: 2px or 0.125rem |
| .m-4 | margin: 4px or 0.25rem |
| .m-8 | margin: 8px or 0.5rem |
| .m-12 | margin: 12px or 0.75rem |
| .m-16 | margin: 167px or 1rem |
| .m-20 | margin: 20px or 1.25rem |
| .m-24 | margin: 24px or 1.5rem |
| .m-32 | margin: 32px or 2rem |
| .m-40 | margin: 40px or 2.5rem |
| .m-48 | margin: 48px or 3rem |
| .m-56 | margin: 56px or 3.5rem |
| .m-64 | margin: 64px or 4rem |
| .m-72 | margin: 782px or 4.5rem |
| .m-80 | margin: 80px or 5rem |
| .m-auto | margin: auto |
Vertical Margin (Y-Axis)
| Class | Description |
|---|
| .my-2 | margin: 2px or 0.125rem |
| .my-4 | margin: 4px or 0.25rem |
| .my-8 | margin: 8px or 0.5rem |
| .my-12 | margin: 12px or 0.75rem |
| .my-16 | margin: 167px or 1rem |
| .my-20 | margin: 20px or 1.25rem |
| .my-24 | margin: 24px or 1.5rem |
| .my-32 | margin: 32px or 2rem |
| .my-40 | margin: 40px or 2.5rem |
| .my-48 | margin: 48px or 3rem |
| .my-56 | margin: 56px or 3.5rem |
| .my-64 | margin: 64px or 4rem |
| .my-72 | margin: 782px or 4.5rem |
| .my-80 | margin: 80px or 5rem |
Horizontal Margin (X-Axis)
| Class | Description |
|---|
| .mx-2 | margin: 2px or 0.125rem |
| .mx-4 | margin: 4px or 0.25rem |
| .mx-8 | margin: 8px or 0.5rem |
| .mx-12 | margin: 12px or 0.75rem |
| .mx-16 | margin: 167px or 1rem |
| .mx-20 | margin: 20px or 1.25rem |
| .mx-24 | margin: 24px or 1.5rem |
| .mx-32 | margin: 32px or 2rem |
| .mx-40 | margin: 40px or 2.5rem |
| .mx-48 | margin: 48px or 3rem |
| .mx-56 | margin: 56px or 3.5rem |
| .mx-64 | margin: 64px or 4rem |
| .mx-72 | margin: 782px or 4.5rem |
| .mx-80 | margin: 80px or 5rem |
Margin Top
| Class | Description |
|---|
| .mt-2 | margin: 2px or 0.125rem |
| .mt-4 | margin: 4px or 0.25rem |
| .mt-8 | margin: 8px or 0.5rem |
| .mt-12 | margin: 12px or 0.75rem |
| .mt-16 | margin: 16px or 1rem |
| .mt-20 | margin: 20px or 1.25rem |
| .mt-24 | margin: 24px or 1.5rem |
| .mt-32 | margin: 32px or 2rem |
| .mt-40 | margin: 40px or 2.5rem |
| .mt-48 | margin: 48px or 3rem |
| .mt-56 | margin: 56px or 3.5rem |
| .mt-64 | margin: 64px or 4rem |
| .mt-72 | margin: 782px or 4.5rem |
| .mt-80 | margin: 80px or 5rem |
Margin Right
| Class | Description |
|---|
| .mr-2 | margin: 2px or 0.125rem |
| .mr-4 | margin: 4px or 0.25rem |
| .mr-8 | margin: 8px or 0.5rem |
| .mr-12 | margin: 12px or 0.75rem |
| .mr-16 | margin: 167px or 1rem |
| .mr-20 | margin: 20px or 1.25rem |
| .mr-24 | margin: 24px or 1.5rem |
| .mr-32 | margin: 32px or 2rem |
| .mr-40 | margin: 40px or 2.5rem |
| .mr-48 | margin: 48px or 3rem |
| .mr-56 | margin: 56px or 3.5rem |
| .mr-64 | margin: 64px or 4rem |
| .mr-72 | margin: 782px or 4.5rem |
| .mr-80 | margin: 80px or 5rem |
Margin Bottom
| Class | Description |
|---|
| .mb-2 | margin: 2px or 0.125rem |
| .mb-4 | margin: 4px or 0.25rem |
| .mb-8 | margin: 8px or 0.5rem |
| .mb-12 | margin: 12px or 0.75rem |
| .mb-16 | margin: 167px or 1rem |
| .mb-20 | margin: 20px or 1.25rem |
| .mb-24 | margin: 24px or 1.5rem |
| .mb-32 | margin: 32px or 2rem |
| .mb-40 | margin: 40px or 2.5rem |
| .mb-48 | margin: 48px or 3rem |
| .mb-56 | margin: 56px or 3.5rem |
| .mb-64 | margin: 64px or 4rem |
| .mb-72 | margin: 782px or 4.5rem |
| .mb-80 | margin: 80px or 5rem |
Margin Left
| Class | Description |
|---|
| .ml-2 | margin: 2px or 0.125rem |
| .ml-4 | margin: 4px or 0.25rem |
| .ml-8 | margin: 8px or 0.5rem |
| .ml-12 | margin: 12px or 0.75rem |
| .ml-16 | margin: 167px or 1rem |
| .ml-20 | margin: 20px or 1.25rem |
| .ml-24 | margin: 24px or 1.5rem |
| .ml-32 | margin: 32px or 2rem |
| .ml-40 | margin: 40px or 2.5rem |
| .ml-48 | margin: 48px or 3rem |
| .ml-56 | margin: 56px or 3.5rem |
| .ml-64 | margin: 64px or 4rem |
| .ml-72 | margin: 782px or 4.5rem |
| .ml-80 | margin: 80px or 5rem |