In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation for being quite dastardly. Here’s a typical example, involving two sibling paragraphs: Instead of sitting 48px apart, their 24px margins merge together, occupying the same space! This idea might sound…
The Rules of Margin Collapse
Full Disclosure: This webpage may contain affiliate links, in which the website owner would receive a commission for purchases made. This does not affect your purchase cost.
