スタンダード：実技問題（HTML5の変換、HTMLの作成、CSSの読込と作成、画像の表示）
通常の文書の流れ（floatやflexを使用しない）の中で縦に並んだ2つのブロック要素があり、上の要素にmargin-bottom: 30px、下の要素にmargin-top: 20pxが指定されている。この2つの要素間に実際に生じる余白は何pxになるか。
- A50px
- B20px
- ✓30px
- D10px
解説
通常の文書の流れの中で隣接するブロック要素の上下マージンは相殺（マージンコラプス）され、大きい方の値のみが採用される。この場合30pxと20pxのうち大きい30pxが実際の余白となる。
根拠CSSの読込と作成（ボックスモデル）