Между двумя абзацами отступ 30 пикселей, хотя в сумме задано 50
.intro { margin-bottom: 20px; }
.details { margin-top: 30px; }
<p class="intro">…</p>
<p class="details">…</p>
Абзацы идут друг за другом в обычном блочном потоке. Каким будет расстояние между ними?
- 30px — вертикальные отступы соседних блоков схлопываются до большего
- 50px — отступы соседних элементов складываются
- 20px — побеждает отступ элемента, который идёт раньше
- 25px — браузер берёт среднее значение двух отступов