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

リストで「情報」のテキストとリスト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 回答日時： 2005/03/04 23:37

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

）
p{ margin-bottom:0; }
ul{ margin-top:0; }

この回答へのお礼

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

お礼日時：2005/03/07 09:24

No.4 回答者： 0425257151 回答日時： 2005/03/04 18:17

<li>はline-height: 5pxとすれば間隔は短くなります

<p>はできませんでした

この回答へのお礼

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

お礼日時：2005/03/07 09:15

No.3 回答者： kappa_neko 回答日時： 2005/03/04 16:50

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

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

この回答へのお礼

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

お礼日時：2005/03/07 09:14

No.2 回答者： 0425257151 回答日時： 2005/03/04 16:37

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を使わないリストを使った場合よりも狭くしたいのですが、無理なことなのでしょうか？

補足日時：2005/03/04 16:49

No.1 回答者： partita 回答日時： 2005/03/04 16:24

p { margin_bottom:5px; }

や

ul { margin:0; }

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

この回答へのお礼

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

お礼日時：2005/03/07 09:26