【CSS】要素を中央に寄せる方法

f:id:ume1017:20201016183428j:plain

 

本日はCSSの要素を中央に寄せる方法について

書きたいと思います!

 

■使用するプロパティ

.sample{
width:300px;
margin:0 auto;
}

 

■解説

・autoを指定する際は、widthを指定するようにしましょう

・上下のmarginにautoを指定することは出来ないです

 

■autoとtext-aliginの使い分けの基準

auto:画面の多くを占める要素(親要素など)

text-aligin:画面を占める割合が少ない要素(文字やボタンなど)