現役エンジニア・デザイナーの備忘録ブログ

2021.3.23 / 更新日: 2022.1.9
HTML・CSS

【css】テキストの文末をきれいに揃える

一定幅のテキストを美しく表示させるためのcssです。

text-align: justify;
text-justify: inter-ideograph;

 

サンプル

 

See the Pen
mdRyrgV
by nanami (@nanami_po)
on CodePen.


2段落目、<p class=”text02″>に先ほどのcssを指定しています。

 

通所の左揃えだと右端が文字数や記号などによってガタガタになってしまうのですが、上記のcssを追記すれば右端がきれいに揃います。

ぜひお試しください。
 

関連記事