Internet Explorer (Windows) CSSバグリスト

インライン要素に指定した上下マージンは無視される

症状

インライン要素にマージン関連のプロパティを指定することはできるが、実際は上下マージンが設置されないように見える。

例示

<p style="text-indent:0;">前の行 前の行<br>
<span style="margin:1em;">上下マージンがある行</span><br>
後の行 後の行</p>

span要素は四方に幅1emのマージンを設定しています。

スクリーンショット

補足

行の高さを算出する際に行内にあるインライン要素のマージン、ボーダー、パディングの値は使用しません。このため、パディングやボーダーの領域が隣の行にはみ出したり、マージン領域が設置されていないかのように見える現象が発生します（WinIEが実際にマージン領域を設置しているかは不明です）。

行の高さを指定する場合はline-heightプロパティを使用してください。

修正状況

• WinIE6.0の標準モードと互換モードでこの現象が発生することを確認しました。