An element's padding is the amount of space between the border and the content of the element. Between one and four values are given, where each value is either a length or a percentage.

If four values are given, they apply to top, right, bottom, and left padding, respectively. If one value is given, it applies to all sides. If two or three values are given, the missing values are taken from the opposite side.

[ <length> | <percentage>  inherit ]{1,4}

h1 {padding: 1em 2em;
}