見出しh1

見出しh2

<h1>見出しh1</h1>
<div>
 <h2>見出しh2</h2>
 ここの文章
</div>

ここで、h2 には上マージンが指定してあるが、その他の要素のマージン・パディング・ボーダーは 0 である。要素の境界がわかりやすいように、見出しには灰色、div には黄色の背景色が指定してある。

div はフロートしているため、h2 とその親の div との間でマージンの相殺はない。

h2 とその親の div との間に余白ができる。