padding

The padding CSS shorthand property sets the padding area on all four sides of an element at once.

An element’s padding area is the space between its content and its border.

Note: Padding creates extra space within an element. In contrast, margin creates extra space around an element.

Values: <length> The size of the padding as a fixed value. <percentage> The size of the padding as a percentage, relative to the inline size (width in a horizontal language, defined by writing-mode) of the containing block.

Syntax example: padding: 1em;