[IE6]ブロック要素を中央寄せにするために、text-alignを使う件 | Like@Lunaticブロック要素を中央寄せにレイアウトする場合、左右marginをautoに設定するのが正しいCSSの書き方ですが、IE6の過去互換モードではこれが正しく動作しないのは有名です。 そこで、IEのために親ボックスにtext-align:centerを適用し、中央寄せにするというバッドノウハウと呼べなくもないテクニックが当たり前のように使われています。 text-alignプロパティは継承されますから、親ボックスにtext-align:centerを設定した場合、子孫ボックスではtext-align:leftと改めて設定して値を上書きすることがほとんどです。このtext-alignの上書きが面倒なのはもちろんですが、意図しない子孫要素にまで影響が及んでしまうので、できるならこのテクニックは使いたくないなー、というのが私の考えです。そこで、text-align:centerを使わずになんとかしようと
![[IE6]ブロック要素を中央寄せにするために、text-alignを使う件 | Like@Lunatic](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5f660d266393a2d3d0f4a7eda72fead3b4a424b/height=288;version=1;width=512/https%3A%2F%2Flikealunatic.jp%2Fwp-content%2Fthemes%2Flikealunatic30%2Fassets%2Fog.png)
