CSS Padding

CSS generates transparent space inside the border of an element, pushing its content inward. Developers use padding to give text breathing room so it doesn't touch the borders. You can set padding for all four sides.

1/* padding syntax */
2div {
3  padding: 20px;
4}

1/* this adds padding */
2p {
3  padding-top: 10px;
4  padding-left: 15px;
5  border: 1px solid black;
6}