cssのリストで、番号1と2の間の行間を「2」にする方法は？

質問

css（スタイルシート）のリストで、番号1と2の間の行間を「2」にする方法をお教えください。1や2の文章群の段落は「1.5」になっています。

1。あああああああああああああああああああああああああああああああああああああああああああああああああああ。
（この部分を「2」にする）
2。えええええええええええええええええええええええええええええええええええええええええええええええええええええええええ。
（この部分を「2」にする）
3。ううううううううううううううううううううううううううううううううううう

回答No.3

Kuppycat · ベストアンサー

li {line-height: 1.5em; margin-top: 0.5em;}
でよいのでは？
部分適用はclass分けしてくださいね。

お礼

li {line-height: 1.5em; margin-top: 0.5em;}
で、できました。
ありがとうございました。

回答No.2

yambejp

＃１さんの例を採用するなら
classで限定すれば済むと思います。
（行間てline-heightのことのような気もしますが）

<style>
.li0 {margin-top: 2em; }
</style>
<ol>
<li>あああああああああああああ
<li class="li0">いいいいいいいいいいいいい
<li class="li0">ううううううううううううう
<li >えええええええええええええ
<li>おおおおおおおおおおおおお
</ol>

お礼

li {line-height: 1.5em; margin-top: 0.5em;}
で、できました。
ありがとうございました。

回答No.1

ticky

たとえば
li {margin-top: 0em; margin-bottom: 2em;}
でできるんじゃないかなぁ...。

3.のリストの下に、2行分の隙間ができるけど、仕方ないと思います。

参考URL：

http://hp.vector.co.jp/authors/VA022006/css/data.html#relative-units

お礼

li {line-height: 1.5em; margin-top: 0.5em;}
で、できました。
ありがとうございました。