左寄せ
左寄せは
text-align: left;
中央寄せ
中央寄せは
text-align: center;
右寄せ
右寄せは
text-align: right;
キーボードのF12キーを押して開発者ツールを起動すると、ページを再読込するまでCSSを一時的に変更することができます。
CSSの数値を変えるとどのように変化するのかを、お試しください。
左寄せは
text-align: left;
中央寄せは
text-align: center;
右寄せは
text-align: right;
文字や画像 などのインライン要素を左寄せ・中央寄せ・右寄せするときは、インライン要素を囲んでいるdiv
・p
・li
などのブロック要素にtext-align
を指定します。
はじめからHTMLは左寄せなので、中央寄せや右寄せする箇所にtext-align: center;
やtext-align: right;
を使い、左寄せに戻したいときにtext-align: left;
を使います。