行間を設定する

line-heigjt: 行の高さ

行の高さ　　　　normai ・ 数値 ・ 単位付きの数値 ・ %

line-height プロパティは、行の高さを設定します。
単位を付けないで数値だけを指定した場合は、
フォントサイズにその値を掛けた高さに設定されます。
％による指定も、フォントサイズに対する割りあいになります。
マイナス値は指定できない事になっているので注意して下さい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--
#sample1 { line-height: nomal }
#sample2 { line-height: 1.5 }
#sample3 { line-height: 180% }
em {
color: #ff3300;
background-color: #ffffff;
font-style: normal
}
-->
</style>
</herd>
<body>

<h1>行間の設定</h1>

<h2>line-height: <em>normal</em></h2>
<p id="sample1">
行の高さは文章の読みやすさに影響します。<br>
狭すぎても広すぎても読みにくくなります。<br>
行数が少ない場合は行間が少なくても比較的詠みやすく、<br>
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。
</p>
<h2>line-height: <em>1.5</em></h2>
<p id="sample2">
行の高さは文章の読みやすさに影響します。<br>
狭すぎても広すぎても読みにくくなります。<br>
行数が少ない場合は行間が少なくても比較的詠みやすく、<br>
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。
</p>
<h2>line-height: <em>180%</em></h2>
<p id="sample3">
行の高さは文章の読みやすさに影響します。<br>
狭すぎても広すぎても読みにくくなります。<br>
行数が少ない場合は行間が少なくても比較的詠みやすく、<br>
一行の文字数が多い場合は行間が狭いとかなり読みにくくなります。
</p>

</body>
</html>