Internet Explorer 8 での永続的なインライン ブロックの問題

ドキュメントではインライン ブロックのサポートが示されているにもかかわらず、Internet Explorer 8 では正しく表示されない場合があります。この問題は頻繁に発生します。

これを解決するには、次の点を考慮してください:

正しい Doctype を設定する

次の doctype 宣言で HTML ドキュメントを開始します:

これにより、IE8 が正しいレンダリング仕様に準拠していることが保証されます。
コード例
次の CSS および HTML コードを考えてみましょう:
span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
}   
i would want

  
this
  
on
  
one line.
doctype 宣言を配置すると、このコードは IE8 で期待どおりにインラインで表示されるはずです。
結論
インラインを解決するには、正しい doctype 宣言を追加することが不可欠です。 - Internet Explorer 8 でのレンダリングの問題をブロックします。この簡単な調整により、ブラウザーが CSS スタイルを意図したとおりに解釈して適用できるようになります。