フォームを画面中央揃えにする方法

質問

フォームだけのページを作って画面中央揃えにしようとmargin:0 auto; でcssを組んだんですが、真ん中に移動してくれません。

divタグでフォームの最初から最後まで囲んでid名を付けてあるんですが、間にインプット、テキストエリア、チェックボタンを挟んでいます。

bodyにも試しにautoを入れてみましたがうまくいかず…

なにかやり方が間違っているのでしょうか…気になって仕方ありません(笑)
ご存知の方いらっしゃったら教えていただけると助かります。

宜しくお願いします。

回答No.1

torayoshi

margin:0 auto;は親要素に対して内包する小要素の左右マージンです。
idセレクタのプロパティにはwidthを指定(これがないと初期値になり左右のマージンが取れなくなる。結果左寄せ)しなければならず、
フォーム部品の中で一番幅広いものに対して同じ幅を指定しないと中央揃えになりません。

お礼

とても丁寧に解りやすく回答くださってありがとうございました！
早速試してみます^^