Как делать отступы в CSS

Для создания отступов в CSS можно использовать свойство padding для задания внутренних отступов элемента и свойство margin для задания внешних отступов элемента.

Синтаксис свойства padding:

selector {
  padding: top right bottom left;
}

где top, right, bottom, left — значения отступов, которые можно указывать как в пикселях, так и в процентах.

Пример:

.box {
  padding: 20px;
}

Синтаксис свойства margin:

selector {
  margin: top right bottom left;
}

Пример:

.box {
  margin: 20px;
}

Значения margin и padding также можно задавать по-отдельности с помощью свойств margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom, padding-left.