CSS provides the “padding” property to adjust the space between the content and the border of a HTML element. It can be defined for each side (top, right, bottom, and left) separately or all sides together.
1. Style all four padding properties in one declaration:
```
```
In this case, 10px is for the top padding, 15px for the right padding, 20px for the bottom padding, and 25px for the left padding.
1. Style the individual padding properties:
```
```
This has the same result as the example above, but gives you individual control over each property.
1. Style all padding properties equally:
```
```
This sets a 10px padding on all four sides of the
tag.
Remember: Values must be non-negative. The default value for these properties is 0. The values can be in px (pixels), em (the current font size), or % (percent of the parent element), among other possible units.
