テキストの位置の調整【css】

今回の記事ではテキストの位置の調整のやり方について紹介いたします。

まずは通常の状態から見ていきます。

このように通常時は左寄せで表示されます。

やり方

この「テキスト」の文字を中央に寄せたいとします。

text-align: 〇〇;と指定します。

〇〇にテキストの位置を指定します。

今回は中央に寄せたいのでcenterです。

なのでtext-align: center;とします。

すると

このように中央に配置することができました。

続いて右側に配置したい場合

text-align: right;と指定します。

すると

このように右側に寄せて表示することができます。

右寄せはあまり使う場面がありませんが、中央寄せはよく使うと思います。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です