Как задать расстояние между блоками в CSS

Чтобы задать расстояние между блоками в CSS, можно использовать свойство margin.

Например, чтобы задать отступы между блоками в 10px, примените следующий CSS-код:

.block {
  margin: 10px;
}

Это расставит отступы в 10px между блоками.

Если нужно задать отступы разной величины по каждой стороне блока, можно использовать свойства margin-top, margin-bottom, margin-left и margin-right.

.block {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

Это установит верхний отступ в 10px, нижний отступ в 20px, левый отступ в 5px и правый отступ в 5px.

Также можно использовать сокращенную запись для margin, например:

.block {
  margin: 10px 5px 20px 5px;
}

Здесь мы задали отступы по часовой стрелке: верхний отступ — 10px, правый и левый отступы — 5px, нижний отступ — 20px.