Padding Helpers
p-0
<span class="p-0">No padding</span>
Min:0 - Max:256, Multiples of 4
p-4
<span class="p-4">4px padding</span>
Min:0 - Max:256, Multiples of 4
p-12
<span class="p-12">12px padding</span>
Direction Specific Padding Helpers
Min:0 - Max:256, Multiples of 4
pt-0 pr-0 pb-0 pl-0 px-0 py-0
<span class="pt-0">0 padding from top</span> <span class="pr-0">0 padding from right</span> <span class="pb-0">0 padding from bottom</span> <span class="pl-0">0 padding from left</span> <span class="px-0">0 padding from left and right</span> <span class="py-0">0 padding from top and bottom</span>
Min:0 - Max:256, Multiples of 4
pt-4 pr-4 pb-4 pl-4 px-4 py-4
<span class="pt-4">4px padding from top</span> <span class="pr-4">4px padding from right</span> <span class="pb-4">4px padding from bottom</span> <span class="pl-4">4px padding from left</span> <span class="px-4">4px padding from left and right</span> <span class="py-4">4px padding from top and bottom</span>
Margin Helpers
m-0
<span class="m-0">No margin</span>
Min:0 - Max:256, Multiples of 4
m-4
<span class="m-4">4px margin</span>
Min:0 - Max:256, Multiples of 4
m-12
<span class="m-12">12px margin</span>
Direction Specific Margin Helpers
Min:0 - Max:256, Multiples of 4
mt-0 mr-0 mb-0 ml-0 mx-0 my-0
<span class="mt-0">0 margin from top</span> <span class="mr-0">0 margin from right</span> <span class="mb-0">0 margin from bottom</span> <span class="ml-0">0 margin from left</span> <span class="mx-0">0 margin from left and right</span> <span class="my-0">0 margin from top and bottom</span>
Min:0 - Max:256, Multiples of 4
mt-4 mr-4 mb-4 ml-4 mx-4 my-4
<span class="mt-4">4px margin from top</span> <span class="mr-4">4px margin from right</span> <span class="mb-4">4px margin from bottom</span> <span class="ml-4">4px margin from left</span> <span class="mx-4">4px margin from left and right</span> <span class="my-4">4px margin from top and bottom</span>