Tailwind CSS Padding Cheatsheet

February - 2021

Basics:

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;