文章の行間を自由に変更する

line-height:

行の高さは文章の読みやすさに影響します。
狭すぎても広すぎても読みにくくなります。
行数が少ない場合は行間が少なくても比較的詠みやすく、
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。

<p>
<INPUT type="button" value="行間を200%に" onClick="window['t1'].style.lineHeight='200%'">
<INPUT type="button" value="行間を150%に" onClick="window['t1'].style.lineHeight='150%'">
<INPUT type="button" value="行間を100%に" onClick="window['t1'].style.lineHeight='100%'">
</p>
<DIV id="t1">

行間を変更する、文字列書き込みます。

</DIV>


（画面クリックでWEB上のサイズを見てください。）