Padding

Utilities for controlling the padding of an element.

Class	CSS Output
`p-0`	`padding: calc(var(--spacing) * 0); }`
`p-4`	`padding: calc(var(--spacing) * 4); }`
`p-8`	`padding: calc(var(--spacing) * 8); }`
`p-auto`	`padding: auto; }`
`p-px`	`padding: 1px; }`
`p-[value]`	`padding: [value] }`
`-p-4`	`padding: calc(var(--spacing) * 4); }`
`px-0`	`padding-inline: calc(var(--spacing) * 0); }`
`px-4`	`padding-inline: calc(var(--spacing) * 4); }`
`px-8`	`padding-inline: calc(var(--spacing) * 8); }`

p-0

padding: calc(var(--spacing) * 0);

p-4

padding: calc(var(--spacing) * 4);

p-8

padding: calc(var(--spacing) * 8);

p-auto

padding: auto;

p-px

padding: 1px;

p-[value]

padding: [value]

-p-4

padding: calc(var(--spacing) * 4);

px-0

padding-inline: calc(var(--spacing) * 0);

px-4

padding-inline: calc(var(--spacing) * 4);

px-8

padding-inline: calc(var(--spacing) * 8);

Reference

padding	MDN ↗
padding-inline	MDN ↗