CSS Padding

The CSS padding properties are used to generate space around content.

The padding properties set the size of the white space between the element content and the element border.

Padding Individual Sides

CSS has properties for specifying the margin for each side of an element.padding-toppadding-rightpadding-bottompadding-left

p {
padding-top: 50px;
padding-bottom: 80px;
padding-right: 50px;
padding-left: 10px;
}

To shorten the code, it is possible to specify all the padding properties in one property.

The padding property is a shorthand property for the following individual padding properties.padding-toppadding-rightpadding-bottompadding-left

p {
padding: 50px 30px 50px 80px;
}