このページはBlog | hamashun.comのエントリー、縦方向に重なるmarginの解釈のサンプルページです。

↓1em: 上下でmarginが重なった場合には

↑2em: 1emと2emで3em、とはならずに2emが優先される

h2 {
 margin: 1em 0;
 border: solid 1px #ff0000;
 background: #ffffff;
 font-weight: normal;
 font-size: 1em;
}

p {
 margin: 2em 0;
 border: solid 1px #0000ff;
 background: #ffffff;
}


<h2>↓1em:&nbsp;上下でmarginが重なった場合には</h2>
<p>↑2em:&nbsp;1emと2emで3em、とはならずに2emが優先される</p>