行間はCSSで広げることができます。
一番簡単なのは、
<body style="line-height: 150%;">
と、bodyタグに書き込むと、ページ全体の行間の幅を広げられます。
bodyとstyleの間には「半角スペース」があります。
また、％は100が基準になり、数値が増えると広がる幅が大きくなります。
もちろんbodyでなくても、
<p style="line-height: 170%;">
や
<div style="line-height: 200%;">
でも可能です。
その場合は、そのタグに囲まれた文章の行間が広がります。
それと、「文字サイズを固定（font-size: ??px）しながら行間を広げる（line-height: ???%）」と二つCSSを書く時は、
<p style="font-size: 17px; line-height: 170%;">
と書きます。
この文章は『文字サイズ15px』で行間を『150%』広げています。
これが最適！ という行間の幅があるわけではないので、数値はサイトオーナーの好みに応じればいいでしょう。
そのサイトのデザインや雰囲気に合わせるってのもありますしね。
「改行」を使って下の一行を空けてみると、
こんな感じになります。
この文章は『文字サイズ15px』で行間を『100%』にしています。
これを基準にして、上下のものと比べてみてください。
「改行」を使って下の一行を空けてみると、
こんな感じになります。
この文章は『文字サイズ15px』で行間を『200%』広げています。
上のものと比べてみると、結構な差があります。
同じように「改行」を使って下の一行を空けてみると、
こんな感じになります。