Почему тексту задают маргин сверху и снизу?

Здравствуйте! В вебинаре о верстке текстовой страницы барбершопа было сказано, что маргины текстовым элементам задают сверху и снизу. (p, h2 и т.д)
Объясните, почему так? Они же будут схлопываться, в чем суть задавать оба маргина?
И вот пример:

заголовок 1
отступ 30 px
заголовок 2

В таком случае нужно заголовку 1 задать нижний, а заголовку 2 верхний маргины и оба по 30рх или как поступить?

Схлопнуться и выберется больший. Что плохого? Они никогда не прилипнут друг к другу.
А если у вас дальше в верстке будет после х2 будет стоять какой-то спан? Верхний маргин у х2 отработает, а низ прилипнет к спану… Такие дела.

1 лайк