Dlaczego tak
Pionowe marginesy sąsiadujących elementów blokowych w zwykłym przepływie dokumentu nie sumują się, lecz zachodzą na siebie (margin collapsing) — odstęp jest równy większemu z nich, czyli 30 px. Wynik 50 px otrzymuje się, dodając marginesy, co dotyczy np. marginesów poziomych lub elementów w kontenerze flex czy grid. Wartości 20 px i 10 px nie wynikają z żadnej reguły łączenia marginesów.