Настройка внешнего отступа в CSS осуществляется с помощью свойства margin, которое устанавливает величину отступа от границ текущего элемента до внутренней границы его родительского элемента. 2

Некоторые способы настройки:

• Задать отступ для каждой стороны отдельно. 5 Для этого используются свойства: margin-left (отступ слева), margin-right (отступ справа), margin-top (отступ сверху), margin-bottom (отступ снизу). 5
• Передать свойству margin сразу четыре значения. 5 Например, «margin: 10px 20px 30px 40px». 5 В таком случае отступы будут: сверху — 10px, справа — 20px, снизу — 30px, сверху — 40px. 5
• Использовать значение «auto». 5 Оно центрирует элемент по горизонтали. 5 С помощью значения auto у margin можно центрировать только блочные элементы. 5

Настройка внутреннего отступа в CSS происходит с помощью свойства padding, которое устанавливает значение полей от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое. 2

Некоторые способы настройки:

• Указать одно значение. 4 Оно установит одинаковый отступ по всем сторонам сразу. 4 Например, padding: 20px установит внутренний отступ в 20px сверху/справа/снизу/слева. 4
• Указать два значения. 4 Они установят отступы по вертикали и горизонтали. 4 Например, padding: 20px 30px установит внутренний отступ в 20px сверху/снизу и 30px справа/слева. 4
• Указать три значения. 4 Они установят отступы сверху, по горизонтали и снизу. 4 Например, padding: 20px 30px 40px установит внутренний отступ в 20px сверху, 30px справа/слева и 40px снизу. 4