Свойство 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; }