CSSで、何故か全体のセンタリングが出来ない

質問

作成途中のホームページについて、お聞きしたいと思います。
ページ全体をセンタリングしたいと思っています。

上記のページで、
<div id="container">
</div>
を、
#container {
margin-left: auto;
margin-right: auto;
}

としているのですが、何故か左揃えのままで、全体をセンタリングできません。

詳しい方がいましたら、ご回答お願いいたします。

回答No.1

t_ohta · ベストアンサー

#container　に width で幅を指定して下さい。
div　はブロックレベルコンテンツなので、幅を指定しない場合は width:100% として処理されます。
幅が100%だと左右に空いたスペースがないので margin-left も margin-right も 0px ずつと言う事になります。
div の中のコンテンツをセンタリングしたいのであれば tezt-align:center; と指定するとセンタリングされます。

お礼

ご回答、ありがとうございます。大変参考になりました。