Tailwind CSS Classes

« All Tailwind CSS classes

Tailwind CSS class .mx-4

<span class="mx-4 inline-block bg-teal-400">Item</span>

Preview

CSS source

.mx-4 { margin-right: 1rem; margin-left: 1rem; }

Check .mx-4 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More Tailwind CSS classes in Margins category

.m-0
.m-1
.m-2
.m-3
.m-4
.m-5
.m-6
.m-8
.m-10
.m-12
.m-16
.m-20
.m-24
.m-32
.m-40
.m-48
.m-56
.m-64
.m-auto
.m-px
.mb-0
.mb-1
.mb-2
.mb-3
.mb-4
.mb-5
.mb-6
.mb-8
.mb-10
.mb-12
.mb-16
.mb-20
.mb-24
.mb-32
.mb-40
.mb-48
.mb-56
.mb-64
.mb-auto
.mb-px
.mr-0
.mr-1
.mr-2
.mr-3
.mr-4
.mr-5
.mr-6
.mr-8
.mr-10
.mr-12
.mr-16
.mr-20
.mr-24
.mr-32
.mr-40
.mr-48
.mr-56
.mr-64
.mr-auto
.mr-px
.mt-0
.mt-1
.mt-2
.mt-3
.mt-4
.mt-5
.mt-6
.mt-8
.mt-10
.mt-12
.mt-16
.mt-20
.mt-24
.mt-32
.mt-40
.mt-48
.mt-56
.mt-64
.mt-auto
.mt-px
.ml-0
.ml-1
.ml-2
.ml-3
.ml-4
.ml-5
.ml-6
.ml-8
.ml-10
.ml-12
.ml-16
.ml-20
.ml-24
.ml-32
.ml-40
.ml-48
.ml-56
.ml-64
.ml-auto
.ml-px
.mx-0
.mx-1
.mx-2
.mx-3
.mx-4
.mx-5
.mx-6
.mx-8
.mx-10
.mx-12
.mx-16
.mx-20
.mx-24
.mx-32
.mx-40
.mx-48
.mx-56
.mx-64
.mx-auto
.mx-px
.my-0
.my-1
.my-2
.my-3
.my-4
.my-5
.my-6
.my-8
.my-10
.my-12
.my-16
.my-20
.my-24
.my-32
.my-40
.my-48
.my-56
.my-64
.my-auto
.my-px
.-m-1
.-m-2
.-m-3
.-m-4
.-m-5
.-m-6
.-m-8
.-m-10
.-m-12
.-m-16
.-m-20
.-m-24
.-m-32
.-m-40
.-m-48
.-m-56
.-m-64
.-m-px
.-mb-1
.-mb-2
.-mb-3
.-mb-4
.-mb-5
.-mb-6
.-mb-8
.-mb-10
.-mb-12
.-mb-16
.-mb-20
.-mb-24
.-mb-32
.-mb-40
.-mb-48
.-mb-56
.-mb-64
.-mb-px
.-mr-1
.-mr-2
.-mr-3
.-mr-4
.-mr-5
.-mr-6
.-mr-8
.-mr-10
.-mr-12
.-mr-16
.-mr-20
.-mr-24
.-mr-32
.-mr-40
.-mr-48
.-mr-56
.-mr-64
.-mr-px
.-mt-1
.-mt-2
.-mt-3
.-mt-4
.-mt-5
.-mt-6
.-mt-8
.-mt-10
.-mt-12
.-mt-16
.-mt-20
.-mt-24
.-mt-32
.-mt-40
.-mt-48
.-mt-56
.-mt-64
.-mt-px
.-ml-1
.-ml-2
.-ml-3
.-ml-4
.-ml-5
.-ml-6
.-ml-8
.-ml-10
.-ml-12
.-ml-16
.-ml-20
.-ml-24
.-ml-32
.-ml-40
.-ml-48
.-ml-56
.-ml-64
.-ml-px
.-mx-1
.-mx-2
.-mx-3
.-mx-4
.-mx-5
.-mx-6
.-mx-8
.-mx-10
.-mx-12
.-mx-16
.-mx-20
.-mx-24
.-mx-32
.-mx-40
.-mx-48
.-mx-56
.-mx-64
.-mx-px
.-my-1
.-my-2
.-my-3
.-my-4
.-my-5
.-my-6
.-my-8
.-my-10
.-my-12
.-my-16
.-my-20
.-my-24
.-my-32
.-my-40
.-my-48
.-my-56
.-my-64
.-my-px
.mt-11
.mb-11
.ml-11
.mr-11
.mt-11
.mx-11
.my-11
Shuffle Editor

An online editor for busy developers.

Shuffle Editor on Facebook Shuffle Editor on Twitter Shuffle Editor on Dribbble

Products

UI Components

Support

Company

© 2024 Shuffle. All rights reserved.