Spacing - Padding
Spacing
Padding
- Utilities for controlling an element's padding.
p-0
px-0
py-0
ps-0
pe-0
pt-0
pr-0
- Add padding to a single side
- Use the pt-, pr-, pb-, and pl- utilities to control the padding on one side of an element.
Horizontal Padding
- Use the px-* utilities to control the horizontal padding of an element.
<div class="px-8 ...">px-8</div>
Vertical Padding
<div class="py-8 ...">py-8</div>
Adding padding to all sides
- Use the p-* utilities to control the padding on all sides of an element.
<div class="p-8 ...">p-8</div>