Updated 2006.04.21 / Published 2006.04.21 Internet Explorer6のシェアが全盛期だったころ、初心者が CSS を使ったデザインでつまづく(失敗する)ことが多い事例に text-alignプロパティの誤用がありました。本文書では、CSS デザインによる論理構造と表現(見栄え)とを分離させる一歩として div要素の align属性や center要素を使った (X)HTMLでの表示指定に頼らないCSS による代替のみでブロックレベル要素(display:block;の状態の要素)の左右中央揃えをコントロールする手法を解説します。 text-alignプロパティの誤用に注意 div要素の align属性や center要素とは異なり、text-alignプロパティによる指定では横幅の指定されたブロックレベル要素(display:block;
![CSS によるブロックレベル要素の左右中央揃え](https://cdn-ak-scissors.b.st-hatena.com/image/square/9eee61084aa79c000f54e8701a9bebae3c95accd/height=288;version=1;width=512/https%3A%2F%2Fweb.w3g.jp%2Fogp.png)