今回の記事ではテキストの中央寄せのやり方を紹介いたします。

テキストの中央寄せはほぼ毎回使うので、覚えておくと便利だと思います。

やり方

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

通常通り左に表示されます。

この「テキスト」を中央に表示させたいときは

text-align: center;を使います。

中央寄せしたい要素に対してtext-align: center;と指定するだけです。

すると・・・

このように「テキスト」を中央に寄せて表示することができました。