The rules of margin collapse

The rules of margin collapse in CSS mean that vertical margins of adjacent elements can merge into a single margin. This happens between block-level elements and empty children, avoidable with padding or borders

https://www.joshwcomeau.com/css/rules-of-margin-collapse/​