今回の記事ではテキストの位置の変え方を紹介いたします。

通常の場合はこのように左寄せで表示されると思います。

このテキストを右に寄せたいと思います。

やり方

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

すると

このようにテキストが右寄せで表示されます。

続いて中央寄せのやり方です。

rightをcenterに変えるだけです。

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

このように中央に表示することができます。

中央寄せは使う場面がとても多いと思います。