Как изменить отступ в CSS

Вы можете изменить отступы в CSS с помощью свойств margin и padding:

1. Свойство margin задает внешние отступы элемента. Отступ может быть установлен для верхней, правой, нижней и левой сторон элемента. Значения могут быть установлены в пикселях, процентах или других единицах измерения.

/* установка отступа 10 пикселей на всех сторонах элемента */
.element {
  margin: 10px;
}

/* установка отступа 10 пикселей сверху */
.element {
  margin-top: 10px;
}

/* установка отступа 10% справа */
.element {
  margin-right: 10%;
}

2. Свойство padding задает внутренние отступы элемента. Отступ может быть установлен для верхней, правой, нижней и левой сторон элемента. Значения могут быть установлены в пикселях, процентах или других единицах измерения.

/* установка отступа 10 пикселей на всех сторонах элемента */
.element {
  padding: 10px;
}

/* установка отступа 10 пикселей сверху */
.element {
  padding-top: 10px;
}

/* установка отступа 10% справа */
.element {
  padding-right: 10%;
}

Эти свойства могут быть использованы для создания отбивок между элементами в макете, а также для управления визуальным пространством внутри элементов. Вы можете также использовать отрицательные значения для установки отступов, в результате чего элемент будет ближе к соседним элементам.