css - インラインレベルのブロック要素にマージントップを与える

Question

インラインレベル要素にマージントップを与えることはできないと思われますが、ここでは問題はありません: http://jsfiddle.net/FYUtm/なぜ?

<label style="margin-left: 40px; display: inline">foobar</label>

Answer 1

Box Model仕様のセクション 8.3 に記載されているように、垂直マージンはインライン要素には影響しません。

マージン プロパティは、ボックスのマージン領域の幅を指定します。'margin' 省略形プロパティは 4 つの辺すべての余白を設定しますが、他の余白プロパティはそれぞれの辺のみを設定します。これらのプロパティはすべての要素に適用されますが、垂直マージンは置換されていないインライン要素には影響しません。