Tailwind CSS Padding Cheatsheet

February - 2021


p-# is for padding in all directions py-# does the top and bottom px-# does the sides pt-# does the top pb-# does the bottom pl-# does the left pr-# does the right

Starts from: 0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4

Then, 4-12 by ones

Then: 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96

p?-px does a 1px pad

p-0	padding: 0px;
p-0.5	padding: 0.125rem;
p-1	padding: 0.25rem;
p-1.5	padding: 0.375rem;
p-2	padding: 0.5rem;
p-2.5	padding: 0.625rem;
p-3	padding: 0.75rem;
p-3.5	padding: 0.875rem;
p-4	padding: 1rem;
p-5	padding: 1.25rem;
p-6	padding: 1.5rem;
p-7	padding: 1.75rem;
p-8	padding: 2rem;
p-9	padding: 2.25rem;
p-10	padding: 2.5rem;
p-11	padding: 2.75rem;
p-12	padding: 3rem;
p-14	padding: 3.5rem;
p-16	padding: 4rem;
p-20	padding: 5rem;
p-24	padding: 6rem;
p-28	padding: 7rem;
p-32	padding: 8rem;
p-36	padding: 9rem;
p-40	padding: 10rem;
p-44	padding: 11rem;
p-48	padding: 12rem;
p-52	padding: 13rem;
p-56	padding: 14rem;
p-60	padding: 15rem;
p-64	padding: 16rem;
p-72	padding: 18rem;
p-80	padding: 20rem;
p-96	padding: 24rem;
p-px	padding: 1px;
py-0	padding-top: 0px;
padding-bottom: 0px;
py-0.5	padding-top: 0.125rem;
padding-bottom: 0.125rem;
py-1	padding-top: 0.25rem;
padding-bottom: 0.25rem;
py-1.5	padding-top: 0.375rem;
padding-bottom: 0.375rem;
py-2	padding-top: 0.5rem;
padding-bottom: 0.5rem;
py-2.5	padding-top: 0.625rem;
padding-bottom: 0.625rem;
py-3	padding-top: 0.75rem;
padding-bottom: 0.75rem;
py-3.5	padding-top: 0.875rem;
padding-bottom: 0.875rem;
py-4	padding-top: 1rem;
padding-bottom: 1rem;
py-5	padding-top: 1.25rem;
padding-bottom: 1.25rem;
py-6	padding-top: 1.5rem;
padding-bottom: 1.5rem;
py-7	padding-top: 1.75rem;
padding-bottom: 1.75rem;
py-8	padding-top: 2rem;
padding-bottom: 2rem;
py-9	padding-top: 2.25rem;
padding-bottom: 2.25rem;
py-10	padding-top: 2.5rem;
padding-bottom: 2.5rem;
py-11	padding-top: 2.75rem;
padding-bottom: 2.75rem;
py-12	padding-top: 3rem;
padding-bottom: 3rem;
py-14	padding-top: 3.5rem;
padding-bottom: 3.5rem;
py-16	padding-top: 4rem;
padding-bottom: 4rem;
py-20	padding-top: 5rem;
padding-bottom: 5rem;
py-24	padding-top: 6rem;
padding-bottom: 6rem;
py-28	padding-top: 7rem;
padding-bottom: 7rem;
py-32	padding-top: 8rem;
padding-bottom: 8rem;
py-36	padding-top: 9rem;
padding-bottom: 9rem;
py-40	padding-top: 10rem;
padding-bottom: 10rem;
py-44	padding-top: 11rem;
padding-bottom: 11rem;
py-48	padding-top: 12rem;
padding-bottom: 12rem;
py-52	padding-top: 13rem;
padding-bottom: 13rem;
py-56	padding-top: 14rem;
padding-bottom: 14rem;
py-60	padding-top: 15rem;
padding-bottom: 15rem;
py-64	padding-top: 16rem;
padding-bottom: 16rem;
py-72	padding-top: 18rem;
padding-bottom: 18rem;
py-80	padding-top: 20rem;
padding-bottom: 20rem;
py-96	padding-top: 24rem;
padding-bottom: 24rem;
py-px	padding-top: 1px;
padding-bottom: 1px;
px-0	padding-left: 0px;
padding-right: 0px;
px-0.5	padding-left: 0.125rem;
padding-right: 0.125rem;
px-1	padding-left: 0.25rem;
padding-right: 0.25rem;
px-1.5	padding-left: 0.375rem;
padding-right: 0.375rem;
px-2	padding-left: 0.5rem;
padding-right: 0.5rem;
px-2.5	padding-left: 0.625rem;
padding-right: 0.625rem;
px-3	padding-left: 0.75rem;
padding-right: 0.75rem;
px-3.5	padding-left: 0.875rem;
padding-right: 0.875rem;
px-4	padding-left: 1rem;
padding-right: 1rem;
px-5	padding-left: 1.25rem;
padding-right: 1.25rem;
px-6	padding-left: 1.5rem;
padding-right: 1.5rem;
px-7	padding-left: 1.75rem;
padding-right: 1.75rem;
px-8	padding-left: 2rem;
padding-right: 2rem;
px-9	padding-left: 2.25rem;
padding-right: 2.25rem;
px-10	padding-left: 2.5rem;
padding-right: 2.5rem;
px-11	padding-left: 2.75rem;
padding-right: 2.75rem;
px-12	padding-left: 3rem;
padding-right: 3rem;
px-14	padding-left: 3.5rem;
padding-right: 3.5rem;
px-16	padding-left: 4rem;
padding-right: 4rem;
px-20	padding-left: 5rem;
padding-right: 5rem;
px-24	padding-left: 6rem;
padding-right: 6rem;
px-28	padding-left: 7rem;
padding-right: 7rem;
px-32	padding-left: 8rem;
padding-right: 8rem;
px-36	padding-left: 9rem;
padding-right: 9rem;
px-40	padding-left: 10rem;
padding-right: 10rem;
px-44	padding-left: 11rem;
padding-right: 11rem;
px-48	padding-left: 12rem;
padding-right: 12rem;
px-52	padding-left: 13rem;
padding-right: 13rem;
px-56	padding-left: 14rem;
padding-right: 14rem;
px-60	padding-left: 15rem;
padding-right: 15rem;
px-64	padding-left: 16rem;
padding-right: 16rem;
px-72	padding-left: 18rem;
padding-right: 18rem;
px-80	padding-left: 20rem;
padding-right: 20rem;
px-96	padding-left: 24rem;
padding-right: 24rem;
px-px	padding-left: 1px;
padding-right: 1px;
pt-0	padding-top: 0px;
pt-0.5	padding-top: 0.125rem;
pt-1	padding-top: 0.25rem;
pt-1.5	padding-top: 0.375rem;
pt-2	padding-top: 0.5rem;
pt-2.5	padding-top: 0.625rem;
pt-3	padding-top: 0.75rem;
pt-3.5	padding-top: 0.875rem;
pt-4	padding-top: 1rem;
pt-5	padding-top: 1.25rem;
pt-6	padding-top: 1.5rem;
pt-7	padding-top: 1.75rem;
pt-8	padding-top: 2rem;
pt-9	padding-top: 2.25rem;
pt-10	padding-top: 2.5rem;
pt-11	padding-top: 2.75rem;
pt-12	padding-top: 3rem;
pt-14	padding-top: 3.5rem;
pt-16	padding-top: 4rem;
pt-20	padding-top: 5rem;
pt-24	padding-top: 6rem;
pt-28	padding-top: 7rem;
pt-32	padding-top: 8rem;
pt-36	padding-top: 9rem;
pt-40	padding-top: 10rem;
pt-44	padding-top: 11rem;
pt-48	padding-top: 12rem;
pt-52	padding-top: 13rem;
pt-56	padding-top: 14rem;
pt-60	padding-top: 15rem;
pt-64	padding-top: 16rem;
pt-72	padding-top: 18rem;
pt-80	padding-top: 20rem;
pt-96	padding-top: 24rem;
pt-px	padding-top: 1px;
pr-0	padding-right: 0px;
pr-0.5	padding-right: 0.125rem;
pr-1	padding-right: 0.25rem;
pr-1.5	padding-right: 0.375rem;
pr-2	padding-right: 0.5rem;
pr-2.5	padding-right: 0.625rem;
pr-3	padding-right: 0.75rem;
pr-3.5	padding-right: 0.875rem;
pr-4	padding-right: 1rem;
pr-5	padding-right: 1.25rem;
pr-6	padding-right: 1.5rem;
pr-7	padding-right: 1.75rem;
pr-8	padding-right: 2rem;
pr-9	padding-right: 2.25rem;
pr-10	padding-right: 2.5rem;
pr-11	padding-right: 2.75rem;
pr-12	padding-right: 3rem;
pr-14	padding-right: 3.5rem;
pr-16	padding-right: 4rem;
pr-20	padding-right: 5rem;
pr-24	padding-right: 6rem;
pr-28	padding-right: 7rem;
pr-32	padding-right: 8rem;
pr-36	padding-right: 9rem;
pr-40	padding-right: 10rem;
pr-44	padding-right: 11rem;
pr-48	padding-right: 12rem;
pr-52	padding-right: 13rem;
pr-56	padding-right: 14rem;
pr-60	padding-right: 15rem;
pr-64	padding-right: 16rem;
pr-72	padding-right: 18rem;
pr-80	padding-right: 20rem;
pr-96	padding-right: 24rem;
pr-px	padding-right: 1px;
pb-0	padding-bottom: 0px;
pb-0.5	padding-bottom: 0.125rem;
pb-1	padding-bottom: 0.25rem;
pb-1.5	padding-bottom: 0.375rem;
pb-2	padding-bottom: 0.5rem;
pb-2.5	padding-bottom: 0.625rem;
pb-3	padding-bottom: 0.75rem;
pb-3.5	padding-bottom: 0.875rem;
pb-4	padding-bottom: 1rem;
pb-5	padding-bottom: 1.25rem;
pb-6	padding-bottom: 1.5rem;
pb-7	padding-bottom: 1.75rem;
pb-8	padding-bottom: 2rem;
pb-9	padding-bottom: 2.25rem;
pb-10	padding-bottom: 2.5rem;
pb-11	padding-bottom: 2.75rem;
pb-12	padding-bottom: 3rem;
pb-14	padding-bottom: 3.5rem;
pb-16	padding-bottom: 4rem;
pb-20	padding-bottom: 5rem;
pb-24	padding-bottom: 6rem;
pb-28	padding-bottom: 7rem;
pb-32	padding-bottom: 8rem;
pb-36	padding-bottom: 9rem;
pb-40	padding-bottom: 10rem;
pb-44	padding-bottom: 11rem;
pb-48	padding-bottom: 12rem;
pb-52	padding-bottom: 13rem;
pb-56	padding-bottom: 14rem;
pb-60	padding-bottom: 15rem;
pb-64	padding-bottom: 16rem;
pb-72	padding-bottom: 18rem;
pb-80	padding-bottom: 20rem;
pb-96	padding-bottom: 24rem;
pb-px	padding-bottom: 1px;
pl-0	padding-left: 0px;
pl-0.5	padding-left: 0.125rem;
pl-1	padding-left: 0.25rem;
pl-1.5	padding-left: 0.375rem;
pl-2	padding-left: 0.5rem;
pl-2.5	padding-left: 0.625rem;
pl-3	padding-left: 0.75rem;
pl-3.5	padding-left: 0.875rem;
pl-4	padding-left: 1rem;
pl-5	padding-left: 1.25rem;
pl-6	padding-left: 1.5rem;
pl-7	padding-left: 1.75rem;
pl-8	padding-left: 2rem;
pl-9	padding-left: 2.25rem;
pl-10	padding-left: 2.5rem;
pl-11	padding-left: 2.75rem;
pl-12	padding-left: 3rem;
pl-14	padding-left: 3.5rem;
pl-16	padding-left: 4rem;
pl-20	padding-left: 5rem;
pl-24	padding-left: 6rem;
pl-28	padding-left: 7rem;
pl-32	padding-left: 8rem;
pl-36	padding-left: 9rem;
pl-40	padding-left: 10rem;
pl-44	padding-left: 11rem;
pl-48	padding-left: 12rem;
pl-52	padding-left: 13rem;
pl-56	padding-left: 14rem;
pl-60	padding-left: 15rem;
pl-64	padding-left: 16rem;
pl-72	padding-left: 18rem;
pl-80	padding-left: 20rem;
pl-96	padding-left: 24rem;
pl-px	padding-left: 1px;