リストで行間を指定したい

質問

リストで「情報」のテキストとリスト1行目「その1」の行間だけを指定したいのですが、可能でしょうか。

ul
{
list-style-image: url('image/arrow.gif');
}
li
{ margin-bottom: 0.2em;}

-----

<p>情報</p>
<ul>
<li>その1</li>
<li>その2</li>
</ul>

回答No.5

steel_gray · ベストアンサー

#1の方の回答と重なりますが、単純に両者のマージンを調整すればいいのでは？（無指定の状態でPもULも上下に1em程度のマージンがあるので。）
p{ margin-bottom:0; }
ul{ margin-top:0; }

お礼

教えていただいた方法でできました。
ありがとうございました。

回答No.4

0425257151

<li>はline-height: 5pxとすれば間隔は短くなります
<p>はできませんでした

お礼

ありがとうございました。
解決しました。

回答No.3

kappa_neko

ulタグの上下の間隔は、どうにも出来ないようです。

他のタグで対応するしかないのでは?

お礼

ありがとうございました。
解決しました。

回答No.2

0425257151

ul
{
list-style-image: url('image/arrow.gif');
}
li
{ margin-bottom: 0.2em;}
.p { line-height: 16px}
.li2 { line-height: 20px}

-----

<p class="p">情報</p>
<ul>
<li class="li2">その1</li>
<li>その2</li>
</ul>
でどうでしょう

補足

早速ありがとうございます。
説明不足でした。すみません。
もともとのCSSを使わないリストを使った場合よりも狭くしたいのですが、無理なことなのでしょうか？

回答No.1

partita

p { margin_bottom:5px; }

や

ul { margin:0; }

などを追加してみてはどうでしょう？

お礼

方法を勘違いして両方指定せずにどちらかを指定していたのでできずに、お礼が遅くなりましたが教えていただいた方法でできました。
ありがとうございました。