パソコンQ&A

下のようになっているページを中央揃えにする方法

（１）text-alignを使う

を入れると中央揃えになりますが、main内のテキストも中央揃えになるので

にする。

つまりは下記のような感じです。

（２）margin:autoを使う
mainの左右のマージンをautoにすると中央揃えになります。

または

要は左右のマージンを自動にする。

正しい表記では（２）の方が正しいですが、（２）だとIE5などでは使えません。
（１）はFirefoxなどでは使えません。
作るときには（１）で確認して、（２）を追加するといいかもしれません。

右揃え

と、

左揃え

と、

注意
autoを使って、中央揃え、左揃え、右揃えにするときには、その領域の幅（width）の指定がないとできません。
またインライン要素に幅の指定をしても無視されるので、ブロック要素にしないとできません。
ブロック要素にするにはブロック要素タグで囲むか、display:block;の指定を入れます。