左寄せ
左寄せは
margin-right: auto;
中央寄せ
中央寄せは
margin-left: auto;
margin-right: auto;
右寄せ
右寄せは
margin-left: auto;
キーボードのF12キーを押して開発者ツールを起動すると、ページを再読込するまでCSSを一時的に変更することができます。
CSSの数値を変えるとどのように変化するのかを、お試しください。
左寄せは
margin-right: auto;
中央寄せは
margin-left: auto;
margin-right: auto;
右寄せは
margin-left: auto;
div
・p
・ul
・li
・dl
などのブロック要素を左寄せ・中央寄せ・右寄せするときはwidth
とmargin
を使います。
中央寄せのmargin-right: auto; margin-right: auto;
をしっかり覚えましょう。
左寄せや右寄せ、左右に並べるときはfloat
を使うときが多いのでmargin
はあまり使いません。