text-aligin:justify;

要素中のテキストの右側がキレイに揃わなくて、
ガタガタでお困りのみなさんこんにちは。

そんな時はすかさずCSSで、

text-aligin:justify;

です。

ワープロなどで言う、いわゆる「均等割付」的な小技です。





上のイメージのように途中の行をすべて均等揃えにしてくれます。
右側がキレイに揃います。

上記の効果を得る場合、Firefox等のブラウザではそのままで行けますが、
IEの場合は text-aligin:justify; に加えて text-justify:inter-ideograph; が必要なので注意。

また、和文のみで構成されている場合はこれでキレイに揃いますが、
英単語を多く含む場合、"justify"するとかえって文字組みが汚く出てしまうこともあるので注意。

テキストの多いページの制作などで活かしてみてください。
地味ですが与える効果はわりと高い小技かと思います。