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>

Reference

https://tailwindcss.com/docs/padding