初心者でも分かる!CSSでボックス等を中央寄せする方法
初心者でも分かる!CSSでボックス等を中央寄せする方法
という訳で、早速紹介していきましょうか。文字とかはtext-alignで出来るんですけど。
まず、ID名またはclass名を決めていきましょうか。ここでは"center"にします。
次に、width(ボックスの幅)を決めます。これを指定しないと中央に寄りません。
そして、margin-left、margin-right、に"auto"の値を指定します。これで完了です!
サンプルコード: <!DOCYTIPE> <html> <head> <style type="text/css"> #center { width:指定する大きさ; margin-left:auto; margin-right:auto; } </style> </head> <body> <div id="center">サンプル文字列</div> </body> </html>