「テキストの端が揃わないんだけど…」
「あー、Webのフォントは見るブラウザで挙動が異なるから仕方ないんですよね…」

といった会話を、けっこうWeb制作の現場で聞いたりします。
（というか、私自身けっこうしてました）

HTMLでコーディングしていると、たしかにホームページの文字は右揃え（text-align:right;）、左揃え（text-align:light;）、中央揃え（text-align:center;）の３タイプが主流で、それ以外はできない！

というのが、昔からHTMLをやっているひとほど当たり前でしたよね。

でも、いつの頃からでしょうか、その設定のなかに
両はしを揃える（text-align:justify;）という設定が増え、
ある程度のブラウザの種類やバージョンで、上手にテキストの量端を揃えることができるようになりました。
※ある程度、と明記したのはご推察の通り一部のIEとか古いIEとか、IEとかが対応しない場合があるからです（笑）

text-align

.style {
  text-align: center;
}

////////////////////////

知っているようで、以外と知らない。
とくに、大昔からHTMLをやっている人間ほど「ない！」と思い込んでいるケースが多い、このtext-align:justify;、
「そんなの当たり前じゃん！」と知っている方には不要な情報かもしれませんが、
私みたいにHTML黎明期から、独学で学習し、ピコピコ手打ちしているような人間は意外と落とし穴な情報。

知らなかったかたはこれを機会に「え、そんなの昔から知ってたし！」と言えるよう、
こっそり、この「text-align:justify;」をマスターしておきましょう（笑）

JAMでした。

///////////////////

福岡・北九州でデザイン、ホームページ制作ならデザイン事務所　株式会社JAM。
販売促進、デザインの事、HTMLコーディングならお任せください。