リストアイテム間に垂直方向のスペースを設定するにはどうすればよいですか？

<ul>要素内では、行間の垂直方向の間隔をline-height属性でフォーマットできることは明らかです。

私の質問は、<ul>要素内で、リストアイテム間の垂直間隔を設定するにはどうすればよいですか？

マージンを使用できます。例を参照してください。

http://jsfiddle.net/LthgY/

li{
  margin: 10px 0;
}

HTML

<ul>
   <li>A</li>
   <li>B</li>
   <li>C</li>
   <li>D</li>
   <li>E</li>
</ul>

CSS

li:not(:last-child) {
    margin-bottom: 5px;
}

編集：最後のli要素に特別なケースを使用しない場合、リストの間隔は狭くなります。これは、http：//jsfiddle.net/wQYw7/で確認できます。

それを私のソリューションと比較してください：http : //jsfiddle.net/wQYw7/1/

もちろん、これは古いブラウザでは機能しませんが、古いブラウザでこれを有効にするjs拡張機能を簡単に使用できます。

IE8のサポートのおかげで、私はこれに傾向があります。

li{
    margin-top: 10px;
    border:1px solid grey;
}

li:first-child {
    margin-top:0;
}

JSFiddle

タグにを追加marginしますli。これにより、liとの間にスペースが作成さline-heightれ、liタグ内のテキストの間隔を設定できます。

多くの場合、HTMLメールブラストを生成するときは、スタイルシートまたはスタイル/スタイルブロックを使用できません。すべてのCSSはインラインである必要があります。弾丸の間隔を調整したい場合は、li style = "margin-bottom：8px;"を使用します。各箇条書き項目で。ピクセル値を好みに合わせてカスタマイズします。

リスト全体に適用するには、

ul.space_list li { margin-bottom: 1em; }

次に、htmlで：

<ul class=space_list>
<li>A</li>
<li>B</li>
</ul>

疑似クラスを使用して各リストにpadding-bottomを設定することは、実行可能なメソッドです。行の高さも使用できます。font-family、Font-weightなどのフォントプロパティは、不均一な高さの役割を果たすことに注意してください。

<br><li></li>行エントリ間は、私が試したすべてのWebブラウザーで完全にうまく機能しているようですが、オンラインのW3C CSS3チェッカーを通過できません。それは私が私が求めている行間を正確に与えます。私に関する限り、それは間違いなく機能するので、誰かが良い法的代替案を考え出すことができるまで、W3Cが何を言ってもそれを使用し続けています。