CSS свойства отступов.

Свойство padding определяет величину отступа между границами элемента и его содержимым.

Значения:

auto - определяется браузером.

num - число с единицами измерения.

Пример:

.p { padding : 20px; }

- от каждой стороны по 20px.

Существует возможность задавать отступ от какой-то одной стороны:
padding-top, padding-right, padding-bottom, padding-left.

Пример:

.p { padding-left : 30px; }

существует краткая запись задания разных отступов от каждой стороны: padding(отступ сверху, отступ справа, отступ снизу, отступ слева)..

Порядок строго как указан!

Пример:

.p { padding : 10px 30px 20px 80px; }

Свойство margin определяет величину отступа между границами элемента и соседними элементами.

Значения:

auto - определяется браузером.

num - число с единицами измерения.

Пример:

.p { margin : 20px; }

- от каждой стороны по 20px.

Существует возможность задавать отступ от какой-то одной стороны:
margin-top, margin-right, margin-bottom, margin-left.

Пример:

.p { margin-left : 30px; }

существует краткая запись задания разных отступов от каждой стороны: margin(отступ сверху, отступ справа, отступ снизу, отступ слева).

Порядок строго как указан!

Пример:

.p { margin : 10px 30px 20px 80px; }