The Rules of Margin Collapse

In CSS, adjacent margins can sometimes overlap.This is known as "margin collapse", and it has a reputation for being quite dastardly.

Read at Joshwcomeau