今回の記事では文字の間隔を調整するやり方について紹介いたします。

まずは何も指定していない普通の状態から見ていきます。

やり方

letter-spacing: 〇〇px;と指定します。

〇〇の位置に数字を入れます。

数が大きいほど間隔が広くなります。

今回はletter-spacing: 2px;とします。

その結果

このようにテキストの間隔を広げて表示することができました。

使う場面がとても多いので、覚えておくと便利だと思います。