<h1>見出しh1</h1> <div> <h2>見出しh2</h2> ここの文章 </div>
ここで、h2 には上マージンが、div には上ボーダーが指定してあるが、その他の要素のマージン・パディング・ボーダーは 0 である。要素の境界がわかりやすいように、見出しには灰色、div には黄色の背景色が指定してある。
ボーダーがあるため、h2 とその親の div との間でマージンの相殺はない。
今度は、h2 とその親の div との間に余白ができる。