Padding

The space between the content of an element and its border is called padding. You can think of it as the space between an image and its border.

Here are the declarations to create padding on each side of the same size - 10 pixels:

Left padding:

padding-left: 10px;

Right padding:

padding-right: 10px;

Top padding:

padding-top: 10px;

Bottom padding:

padding-bottom: 10px;

You can mix these with different sizes on different sides. If you need to create padding of the same size on all sides, you can use the shorthand version:

padding: 10px;

This declaration sets the padding size on all sides to 10 pixels.