2021.3.23
html-css

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

  • WEB
  • テクニック
【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を追記すれば右端がきれいに揃います。

ぜひお試しください。

Share Please

Read this too