Откуда берется отступ в вёрстке?

Question

[Иван Ноунэйм]

Сделал лендинг new.bezent.kz и пока смотрел его в Firefox все было хорошо
Но в Chrome обнаружилась досадная деталь - непонятный пустой отступ между первым и вторым блоками

Вот этот:


Помогите понять откуда он взялся, и как его устранить

Answer 1

[dsmaslov]

Лучше сбросить не глобальными стилями, а внутренними для элемента, если вы не используете сторонние библиотеки, например normalize.css.

price h2 {
  margin-top: 0;
  margin-bottom: 0;
}

Вообще лучше стоит взять за правило — не сбрасывать то, о чём не знаете. То есть задавать значения именно конкретно.

Answer 2

[Арсений Матыцин]

Убирать отступы для заголовков и в принципе текстового форматирования — плохая практика. На данный момент, как я понял, уже прописаны обнуления отступов, поэтому не могу повторить у себя в хроме на сайте.
Если хотите корректного «обертывания» тегов с базовыми отступами (и вообще с отступами), лучше использовать свойство overflow:hidden/auto. Обращаю только внимание, что если у родителя жестко прописаны размеры — он будет прятать все, что выходит за рамки. Если же размеров нет, он будет оборачивать все дочерние элементы с их внешними отступами.
Данная тема относится к схлопывающимся отступам.