テキストの行揃えをする   no comments

Posted at 4:19 pm in

text-alignを使って、行揃えを指定することが出来ます。
auto 自動
left 左揃え
center 中央揃え
right 右揃え
justifi 両端揃え(半角英数のみ)


p{ text-align:center; } pを中央揃えにしました。

p{ text-align:right; }
pを右揃えにしました。

行間を指定する

line-heightで行間の幅を変えます。 emや%で指定する事が多いようです。
p{ text-align:right; line-height:160%; }
pが右揃えで160%分の行間になりました。 文章の行間を変える事で読みやすくなったり、その部分のイメージが変わります。

Written by admin on 10月 26th, 2010

Leave a Reply