HTML\CSS → Схлопывание внешних отступов

Вертикальный отступ между двумя соседними элементами равен максимальному отступу между ними.

000306155

Если отступ одного элемента равен 20px, а второго 40px, то отступ между ними будет 40px. Этот эффект называется эффектом схлопывания внешних отступов.

Горизонтальные отступы между элементами просто складываются.

Например, горизонтальный отступ между двумя элементами с отступами 20px будет равен 40px.