★ジャンル別雑文集＆ホームページ作成
＆JavaScriptゲーム★

テーマ３．全体を中央にする

特にスタイルを指定しなかった場合、全体が左側に寄ってしまいます。
今回は全体を画面の中央にする方法を紹介します。

＜htmlの記述例＞

＜htmlの説明＞
bodyのすぐ内側に任意のボックスを作ります。
この例ではallというボックスを作っています。
後はbodyとallのスタイルをcssファイルでそれぞれ指定するだけです。

＜cssファイルの記述例＞

＜cssファイルの説明＞
text-align: center;
　この一行をbodyに記述した場合に限り、一部のブラウザで全体が中央になる
　ただし、大半のブラウザでは全体が左側に寄ったままで文字が中央になる
text-align: left;
　この一行を記述すると、大半のブラウザで文字が左寄せになる
margin-right: auto;
margin-left: auto;
　この二行を記述すると、大半のブラウザで全体が中央になる

以上のような方法で、全体は中央、文字は左寄せにすることができます。