spacing.md

Spacing

• Margin
• Padding
• Space Between

---

Margin

Utilities for controlling an element's margin.

Group

TailwindJS token
margin_utilities

Utilities

TailwindJS token	TailwindCSS token
m_0	m-0
m_0_5	m-0.5
m_1	m-1
m_10	m-10
m_11	m-11
m_12	m-12
m_14	m-14
m_16	m-16
m_1_5	m-1.5
m_2	m-2
m_20	m-20
m_24	m-24
m_28	m-28
m_2_5	m-2.5
m_3	m-3
m_32	m-32
m_36	m-36
m_3_5	m-3.5
m_4	m-4
m_40	m-40
m_44	m-44
m_48	m-48
m_5	m-5
m_52	m-52
m_56	m-56
m_6	m-6
m_60	m-60
m_64	m-64
m_7	m-7
m_72	m-72
m_8	m-8
m_80	m-80
m_9	m-9
m_96	m-96
m_auto	m-auto
m_px	m-px
mb_0	mb-0
mb_0_5	mb-0.5
mb_1	mb-1
mb_10	mb-10
mb_11	mb-11
mb_12	mb-12
mb_14	mb-14
mb_16	mb-16
mb_1_5	mb-1.5
mb_2	mb-2
mb_20	mb-20
mb_24	mb-24
mb_28	mb-28
mb_2_5	mb-2.5
mb_3	mb-3
mb_32	mb-32
mb_36	mb-36
mb_3_5	mb-3.5
mb_4	mb-4
mb_40	mb-40
mb_44	mb-44
mb_48	mb-48
mb_5	mb-5
mb_52	mb-52
mb_56	mb-56
mb_6	mb-6
mb_60	mb-60
mb_64	mb-64
mb_7	mb-7
mb_72	mb-72
mb_8	mb-8
mb_80	mb-80
mb_9	mb-9
mb_96	mb-96
mb_auto	mb-auto
mb_px	mb-px
me_0	me-0
me_0_5	me-0.5
me_1	me-1
me_10	me-10
me_11	me-11
me_12	me-12
me_14	me-14
me_16	me-16
me_1_5	me-1.5
me_2	me-2
me_20	me-20
me_24	me-24
me_28	me-28
me_2_5	me-2.5
me_3	me-3
me_32	me-32
me_36	me-36
me_3_5	me-3.5
me_4	me-4
me_40	me-40
me_44	me-44
me_48	me-48
me_5	me-5
me_52	me-52
me_56	me-56
me_6	me-6
me_60	me-60
me_64	me-64
me_7	me-7
me_72	me-72
me_8	me-8
me_80	me-80
me_9	me-9
me_96	me-96
me_auto	me-auto
me_px	me-px
ml_0	ml-0
ml_0_5	ml-0.5
ml_1	ml-1
ml_10	ml-10
ml_11	ml-11
ml_12	ml-12
ml_14	ml-14
ml_16	ml-16
ml_1_5	ml-1.5
ml_2	ml-2
ml_20	ml-20
ml_24	ml-24
ml_28	ml-28
ml_2_5	ml-2.5
ml_3	ml-3
ml_32	ml-32
ml_36	ml-36
ml_3_5	ml-3.5
ml_4	ml-4
ml_40	ml-40
ml_44	ml-44
ml_48	ml-48
ml_5	ml-5
ml_52	ml-52
ml_56	ml-56
ml_6	ml-6
ml_60	ml-60
ml_64	ml-64
ml_7	ml-7
ml_72	ml-72
ml_8	ml-8
ml_80	ml-80
ml_9	ml-9
ml_96	ml-96
ml_auto	ml-auto
ml_px	ml-px
mr_0	mr-0
mr_0_5	mr-0.5
mr_1	mr-1
mr_10	mr-10
mr_11	mr-11
mr_12	mr-12
mr_14	mr-14
mr_16	mr-16
mr_1_5	mr-1.5
mr_2	mr-2
mr_20	mr-20
mr_24	mr-24
mr_28	mr-28
mr_2_5	mr-2.5
mr_3	mr-3
mr_32	mr-32
mr_36	mr-36
mr_3_5	mr-3.5
mr_4	mr-4
mr_40	mr-40
mr_44	mr-44
mr_48	mr-48
mr_5	mr-5
mr_52	mr-52
mr_56	mr-56
mr_6	mr-6
mr_60	mr-60
mr_64	mr-64
mr_7	mr-7
mr_72	mr-72
mr_8	mr-8
mr_80	mr-80
mr_9	mr-9
mr_96	mr-96
mr_auto	mr-auto
mr_px	mr-px
ms_0	ms-0
ms_0_5	ms-0.5
ms_1	ms-1
ms_10	ms-10
ms_11	ms-11
ms_12	ms-12
ms_14	ms-14
ms_16	ms-16
ms_1_5	ms-1.5
ms_2	ms-2
ms_20	ms-20
ms_24	ms-24
ms_28	ms-28
ms_2_5	ms-2.5
ms_3	ms-3
ms_32	ms-32
ms_36	ms-36
ms_3_5	ms-3.5
ms_4	ms-4
ms_40	ms-40
ms_44	ms-44
ms_48	ms-48
ms_5	ms-5
ms_52	ms-52
ms_56	ms-56
ms_6	ms-6
ms_60	ms-60
ms_64	ms-64
ms_7	ms-7
ms_72	ms-72
ms_8	ms-8
ms_80	ms-80
ms_9	ms-9
ms_96	ms-96
ms_auto	ms-auto
ms_px	ms-px
mt_0	mt-0
mt_0_5	mt-0.5
mt_1	mt-1
mt_10	mt-10
mt_11	mt-11
mt_12	mt-12
mt_14	mt-14
mt_16	mt-16
mt_1_5	mt-1.5
mt_2	mt-2
mt_20	mt-20
mt_24	mt-24
mt_28	mt-28
mt_2_5	mt-2.5
mt_3	mt-3
mt_32	mt-32
mt_36	mt-36
mt_3_5	mt-3.5
mt_4	mt-4
mt_40	mt-40
mt_44	mt-44
mt_48	mt-48
mt_5	mt-5
mt_52	mt-52
mt_56	mt-56
mt_6	mt-6
mt_60	mt-60
mt_64	mt-64
mt_7	mt-7
mt_72	mt-72
mt_8	mt-8
mt_80	mt-80
mt_9	mt-9
mt_96	mt-96
mt_auto	mt-auto
mt_px	mt-px
mx_0	mx-0
mx_0_5	mx-0.5
mx_1	mx-1
mx_10	mx-10
mx_11	mx-11
mx_12	mx-12
mx_14	mx-14
mx_16	mx-16
mx_1_5	mx-1.5
mx_2	mx-2
mx_20	mx-20
mx_24	mx-24
mx_28	mx-28
mx_2_5	mx-2.5
mx_3	mx-3
mx_32	mx-32
mx_36	mx-36
mx_3_5	mx-3.5
mx_4	mx-4
mx_40	mx-40
mx_44	mx-44
mx_48	mx-48
mx_5	mx-5
mx_52	mx-52
mx_56	mx-56
mx_6	mx-6
mx_60	mx-60
mx_64	mx-64
mx_7	mx-7
mx_72	mx-72
mx_8	mx-8
mx_80	mx-80
mx_9	mx-9
mx_96	mx-96
mx_auto	mx-auto
mx_px	mx-px
my_0	my-0
my_0_5	my-0.5
my_1	my-1
my_10	my-10
my_11	my-11
my_12	my-12
my_14	my-14
my_16	my-16
my_1_5	my-1.5
my_2	my-2
my_20	my-20
my_24	my-24
my_28	my-28
my_2_5	my-2.5
my_3	my-3
my_32	my-32
my_36	my-36
my_3_5	my-3.5
my_4	my-4
my_40	my-40
my_44	my-44
my_48	my-48
my_5	my-5
my_52	my-52
my_56	my-56
my_6	my-6
my_60	my-60
my_64	my-64
my_7	my-7
my_72	my-72
my_8	my-8
my_80	my-80
my_9	my-9
my_96	my-96
my_auto	my-auto
my_px	my-px

Arbitraries

TailwindJS token	TailwindCSS token
m_arbitrary, m_arb	m-[…]
mb_arbitrary, mb_arb	mb-[…]
me_arbitrary, me_arb	me-[…]
ml_arbitrary, ml_arb	ml-[…]
mr_arbitrary, mr_arb	mr-[…]
ms_arbitrary, ms_arb	ms-[…]
mt_arbitrary, mt_arb	mt-[…]
mx_arbitrary, mx_arb	mx-[…]
my_arbitrary, my_arb	my-[…]

Padding

Utilities for controlling an element's padding.

Group

TailwindJS token
padding_utilities

Utilities

TailwindJS token	TailwindCSS token
p_0	p-0
p_0_5	p-0.5
p_1	p-1
p_10	p-10
p_11	p-11
p_12	p-12
p_14	p-14
p_16	p-16
p_1_5	p-1.5
p_2	p-2
p_20	p-20
p_24	p-24
p_28	p-28
p_2_5	p-2.5
p_3	p-3
p_32	p-32
p_36	p-36
p_3_5	p-3.5
p_4	p-4
p_40	p-40
p_44	p-44
p_48	p-48
p_5	p-5
p_52	p-52
p_56	p-56
p_6	p-6
p_60	p-60
p_64	p-64
p_7	p-7
p_72	p-72
p_8	p-8
p_80	p-80
p_9	p-9
p_96	p-96
p_px	p-px
pb_0	pb-0
pb_0_5	pb-0.5
pb_1	pb-1
pb_10	pb-10
pb_11	pb-11
pb_12	pb-12
pb_14	pb-14
pb_16	pb-16
pb_1_5	pb-1.5
pb_2	pb-2
pb_20	pb-20
pb_24	pb-24
pb_28	pb-28
pb_2_5	pb-2.5
pb_3	pb-3
pb_32	pb-32
pb_36	pb-36
pb_3_5	pb-3.5
pb_4	pb-4
pb_40	pb-40
pb_44	pb-44
pb_48	pb-48
pb_5	pb-5
pb_52	pb-52
pb_56	pb-56
pb_6	pb-6
pb_60	pb-60
pb_64	pb-64
pb_7	pb-7
pb_72	pb-72
pb_8	pb-8
pb_80	pb-80
pb_9	pb-9
pb_96	pb-96
pb_px	pb-px
pe_0	pe-0
pe_0_5	pe-0.5
pe_1	pe-1
pe_10	pe-10
pe_11	pe-11
pe_12	pe-12
pe_14	pe-14
pe_16	pe-16
pe_1_5	pe-1.5
pe_2	pe-2
pe_20	pe-20
pe_24	pe-24
pe_28	pe-28
pe_2_5	pe-2.5
pe_3	pe-3
pe_32	pe-32
pe_36	pe-36
pe_3_5	pe-3.5
pe_4	pe-4
pe_40	pe-40
pe_44	pe-44
pe_48	pe-48
pe_5	pe-5
pe_52	pe-52
pe_56	pe-56
pe_6	pe-6
pe_60	pe-60
pe_64	pe-64
pe_7	pe-7
pe_72	pe-72
pe_8	pe-8
pe_80	pe-80
pe_9	pe-9
pe_96	pe-96
pe_px	pe-px
pl_0	pl-0
pl_0_5	pl-0.5
pl_1	pl-1
pl_10	pl-10
pl_11	pl-11
pl_12	pl-12
pl_14	pl-14
pl_16	pl-16
pl_1_5	pl-1.5
pl_2	pl-2
pl_20	pl-20
pl_24	pl-24
pl_28	pl-28
pl_2_5	pl-2.5
pl_3	pl-3
pl_32	pl-32
pl_36	pl-36
pl_3_5	pl-3.5
pl_4	pl-4
pl_40	pl-40
pl_44	pl-44
pl_48	pl-48
pl_5	pl-5
pl_52	pl-52
pl_56	pl-56
pl_6	pl-6
pl_60	pl-60
pl_64	pl-64
pl_7	pl-7
pl_72	pl-72
pl_8	pl-8
pl_80	pl-80
pl_9	pl-9
pl_96	pl-96
pl_px	pl-px
pr_0	pr-0
pr_0_5	pr-0.5
pr_1	pr-1
pr_10	pr-10
pr_11	pr-11
pr_12	pr-12
pr_14	pr-14
pr_16	pr-16
pr_1_5	pr-1.5
pr_2	pr-2
pr_20	pr-20
pr_24	pr-24
pr_28	pr-28
pr_2_5	pr-2.5
pr_3	pr-3
pr_32	pr-32
pr_36	pr-36
pr_3_5	pr-3.5
pr_4	pr-4
pr_40	pr-40
pr_44	pr-44
pr_48	pr-48
pr_5	pr-5
pr_52	pr-52
pr_56	pr-56
pr_6	pr-6
pr_60	pr-60
pr_64	pr-64
pr_7	pr-7
pr_72	pr-72
pr_8	pr-8
pr_80	pr-80
pr_9	pr-9
pr_96	pr-96
pr_px	pr-px
ps_0	ps-0
ps_0_5	ps-0.5
ps_1	ps-1
ps_10	ps-10
ps_11	ps-11
ps_12	ps-12
ps_14	ps-14
ps_16	ps-16
ps_1_5	ps-1.5
ps_2	ps-2
ps_20	ps-20
ps_24	ps-24
ps_28	ps-28
ps_2_5	ps-2.5
ps_3	ps-3
ps_32	ps-32
ps_36	ps-36
ps_3_5	ps-3.5
ps_4	ps-4
ps_40	ps-40
ps_44	ps-44
ps_48	ps-48
ps_5	ps-5
ps_52	ps-52
ps_56	ps-56
ps_6	ps-6
ps_60	ps-60
ps_64	ps-64
ps_7	ps-7
ps_72	ps-72
ps_8	ps-8
ps_80	ps-80
ps_9	ps-9
ps_96	ps-96
ps_px	ps-px
pt_0	pt-0
pt_0_5	pt-0.5
pt_1	pt-1
pt_10	pt-10
pt_11	pt-11
pt_12	pt-12
pt_14	pt-14
pt_16	pt-16
pt_1_5	pt-1.5
pt_2	pt-2
pt_20	pt-20
pt_24	pt-24
pt_28	pt-28
pt_2_5	pt-2.5
pt_3	pt-3
pt_32	pt-32
pt_36	pt-36
pt_3_5	pt-3.5
pt_4	pt-4
pt_40	pt-40
pt_44	pt-44
pt_48	pt-48
pt_5	pt-5
pt_52	pt-52
pt_56	pt-56
pt_6	pt-6
pt_60	pt-60
pt_64	pt-64
pt_7	pt-7
pt_72	pt-72
pt_8	pt-8
pt_80	pt-80
pt_9	pt-9
pt_96	pt-96
pt_px	pt-px
px_0	px-0
px_0_5	px-0.5
px_1	px-1
px_10	px-10
px_11	px-11
px_12	px-12
px_14	px-14
px_16	px-16
px_1_5	px-1.5
px_2	px-2
px_20	px-20
px_24	px-24
px_28	px-28
px_2_5	px-2.5
px_3	px-3
px_32	px-32
px_36	px-36
px_3_5	px-3.5
px_4	px-4
px_40	px-40
px_44	px-44
px_48	px-48
px_5	px-5
px_52	px-52
px_56	px-56
px_6	px-6
px_60	px-60
px_64	px-64
px_7	px-7
px_72	px-72
px_8	px-8
px_80	px-80
px_9	px-9
px_96	px-96
px_px	px-px
py_0	py-0
py_0_5	py-0.5
py_1	py-1
py_10	py-10
py_11	py-11
py_12	py-12
py_14	py-14
py_16	py-16
py_1_5	py-1.5
py_2	py-2
py_20	py-20
py_24	py-24
py_28	py-28
py_2_5	py-2.5
py_3	py-3
py_32	py-32
py_36	py-36
py_3_5	py-3.5
py_4	py-4
py_40	py-40
py_44	py-44
py_48	py-48
py_5	py-5
py_52	py-52
py_56	py-56
py_6	py-6
py_60	py-60
py_64	py-64
py_7	py-7
py_72	py-72
py_8	py-8
py_80	py-80
py_9	py-9
py_96	py-96
py_px	py-px

Arbitraries

TailwindJS token	TailwindCSS token
p_arbitrary, p_arb	p-[…]
pb_arbitrary, pb_arb	pb-[…]
pe_arbitrary, pe_arb	pe-[…]
pl_arbitrary, pl_arb	pl-[…]
pr_arbitrary, pr_arb	pr-[…]
ps_arbitrary, ps_arb	ps-[…]
pt_arbitrary, pt_arb	pt-[…]
px_arbitrary, px_arb	px-[…]
py_arbitrary, py_arb	py-[…]

Space Between

Utilities for controlling the space between child elements.

Group

TailwindJS token
space_between_utilities

Utilities

TailwindJS token	TailwindCSS token
space_x_0	space-x-0
space_x_0_5	space-x-0.5
space_x_1	space-x-1
space_x_10	space-x-10
space_x_11	space-x-11
space_x_12	space-x-12
space_x_14	space-x-14
space_x_16	space-x-16
space_x_1_5	space-x-1.5
space_x_2	space-x-2
space_x_20	space-x-20
space_x_24	space-x-24
space_x_28	space-x-28
space_x_2_5	space-x-2.5
space_x_3	space-x-3
space_x_32	space-x-32
space_x_36	space-x-36
space_x_3_5	space-x-3.5
space_x_4	space-x-4
space_x_40	space-x-40
space_x_44	space-x-44
space_x_48	space-x-48
space_x_5	space-x-5
space_x_52	space-x-52
space_x_56	space-x-56
space_x_6	space-x-6
space_x_60	space-x-60
space_x_64	space-x-64
space_x_7	space-x-7
space_x_72	space-x-72
space_x_8	space-x-8
space_x_80	space-x-80
space_x_9	space-x-9
space_x_96	space-x-96
space_x_px	space-x-px
space_x_reverse	space-x-reverse
space_y_0	space-y-0
space_y_0_5	space-y-0.5
space_y_1	space-y-1
space_y_10	space-y-10
space_y_11	space-y-11
space_y_12	space-y-12
space_y_14	space-y-14
space_y_16	space-y-16
space_y_1_5	space-y-1.5
space_y_2	space-y-2
space_y_20	space-y-20
space_y_24	space-y-24
space_y_28	space-y-28
space_y_2_5	space-y-2.5
space_y_3	space-y-3
space_y_32	space-y-32
space_y_36	space-y-36
space_y_3_5	space-y-3.5
space_y_4	space-y-4
space_y_40	space-y-40
space_y_44	space-y-44
space_y_48	space-y-48
space_y_5	space-y-5
space_y_52	space-y-52
space_y_56	space-y-56
space_y_6	space-y-6
space_y_60	space-y-60
space_y_64	space-y-64
space_y_7	space-y-7
space_y_72	space-y-72
space_y_8	space-y-8
space_y_80	space-y-80
space_y_9	space-y-9
space_y_96	space-y-96
space_y_px	space-y-px
space_y_reverse	space-y-reverse

Arbitraries

TailwindJS token	TailwindCSS token
space_x_arbitrary, space_x_arb	space-x-[…]
space_y_arbitrary, space_y_arb	space-y-[…]