Как добавить дополнительный параметр блоку, с помощью css или html?

Question

У меня есть стиль:

.text {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1234px;
  margin-top: 98px;
  justify-content: space-between;
}

Для одного div это работает, но для другого мне необходимо добавить gap: 66px. Создавать новый стиль не очень красиво, в интернете не могу правильно задать вопрос, поэтому задаю его здесь.

Answer 1

Можете добавить еще один класс самому блоку. Это примерно будет выглядеть так :

html

<div class='text'>Первый блок без gap</div>
<div class='text text_gap'>Второй блок с gap</div>

css

.text {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1234px;
  margin-top: 98px;
  justify-content: space-between;
}
.text_gap{
  gap: 66px
}

Также в крайнем прям случае(очень не рекомендую так делать, мешает для читаемости кода) можете прописать в самом блоке. Сам css это практически не затронет. Выглядеть это будет так:

html

<div class='text'>Первый блок без gap</div>
<div class='text text' style='gap:66px'>Второй блок с gap</div>

БЛОГ НА HUSL

Как добавить дополнительный параметр блоку, с помощью css или html?

Ответы (1 шт):