※ ChatGPTを利用し、要約された質問です(原文:CSSで全体をセンタリングしたい)
CSSで全体をセンタリングする方法とは?
このQ&Aのポイント
CSSを使用して全体をセンタリングする方法をご紹介します。
要素を中央に配置するためには、適切なCSSプロパティと値を使用する必要があります。
具体的には、marginプロパティをautoに設定することで要素を中央に配置することができます。
navi address
main
footer
↑このような4つの<div>をさらにcoverという<div>でくるんだ?レイアウトにしました。
下記のようなCSSにしたのですが、中央にすることができません。
同じような質問もたくさんあり、拝見したのですがどうもうまくいきません。
coverという<div>を作ったのが間違いなのでしょうか?
-------------------------------------------
body{
text-align:center;
}
#cover{
width: 800px;
margin-right=:auto;
margin-left=:auto;
text-align:left;
}
#navi{
float: left;
width: 565px;
height: 165px;
}
#address{
float: right;
text-align: left;
width: 235px;
}
#main{
width: 500px;
clear:both;
padding-right: 150px;
padding-left: 150px;
font-size: 10px;
text-align: left;
line-height: 20px;
}
#footer{
width: 500px;
text-align:center;
padding-right: 150px;
padding-left: 150px;
padding-top: 30px;
}
-------------------------------------------
お礼
直りました! 本当にお恥ずかしい。 ありがとうございます。助かりました!