Как поведут себя стыкующиеся Margin-Bottom и Margin-Top

Смежные вертикальные `margin-bottom` и `margin-top` схлопываются (collapsing margins). Результирующий отступ будет равен наибольшему из них, а не их сумме. **Пример:** ```html ``` Фактический отступ между блоками — `30px` (max из 20 и 30), а не `50px`. **Исключения:** - Не схлопываются при наличии `padding`, `border`, `inline` контента, `flex`/`grid` контейнера. - Для родителя и первого/последнего дочернего элемента, если у родителя нет соответствующих `border`/`padding`. ```html ``` Результат — `20px` отступа сверху.