Padding using CSS

Padding can also be understood as "filling". This makes sense as padding does not affect the distance of the element to other elements but only defines the inner distance between the border and the content of the element.

For example, by defining padding for the headlines, you change how much filling there will be around the text in each headline.

h1 {
background: yellow;
padding: 20px 20px 20px 80px;
h2 {
background: orange;
padding-left: 120px;