Blog

知らなかった…CSSでテキストの両端揃えが普通にできた

私はこれまで、HTML+CSSでテキストを組む場合で、
左揃えを行う場合、

しか、方法がないと思っていました。
この方法を使った場合、テキストの右側は文章によって
がたがたになってしまったり、
中途半端なところで折り返してしまったりして、
あまり美しくない場合が多いのが悩みでした。

しかし、とあるサイトのCSSを調べていると、
たまたま、以下の様な記述を見つけました。

調べてみると、テキストを両端揃えをするための記述でした。
しかも、すべての主要な最新ブラウザとIE8以上で利用できました。

↓こちらがDEMO

DEMO

もっと早く知っていれば…と、恥ずかしながら今更ながらに気づきました。

今後は、どんどん利用していこうと思います。

Author Profile

ninomiya
ninomiya
Webデザイナー兼コーダーです。 イラストを描くのも好きです。 SVGとCanvasを使ったWEBアプリにも興味があります。 よろしくお願いいたします。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ