Как добавить отступ в CSS

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

Свойство padding добавляет отступы внутри элемента, а свойство margin — вокруг элемента.

Примеры:

Добавление отступа внутри элемента:

div {
  padding: 10px;
}

Добавление отступа вокруг элемента:

div {
  margin: 10px;
}

Также можно указывать отступы для каждой стороны отдельно:

div {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 40px;
}

div {
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 30px;
  margin-left: 40px;
}