【CSS】letter spacingを指定したテキストが中央からずれてしまう時の対処法

今回は、「letter spacingを指定したテキストが中央からずれてしまう時の対処法」について紹介します。

【CSS】letter spacingを指定したテキストが中央からずれてしまう時の対処法

完成形はこちら。

See the Pen
Untitled
by webis (@webis-co)
on CodePen.

letter spacingを指定していても、テキストが中央寄せになっていることが分かるでしょう。

それではコードを見ていきましょう。

HTML

CSS

letter spacingがかかったテキストを中央に寄せるには、letter spacingと同じ値を「text-indent」にも指定すればOKです!

letter spacingはテキストがずれやすいので、気をつけておきたいところですね。

まとめ

以上が、「letter spacingを指定したテキストが中央からずれてしまう時の対処法」でした。

 

この記事を書いた人
Yujiro WEBコーダー

大阪のWEB制作会社で働くコーダー。コーディングにハマり、気づいたらWEB制作を仕事にしていました。現在は新規のWEBサイト制作やWordPressカスタマイズしたり、当技術ブログを運営しています。

関連記事