画像とテキストの間の空白を狭めたい

質問

CSSでレイアウトをしています。
普段ならテーブルで微調整したいところですが、CSSで手こずっています。

イメージの下にテキストを置きますが、その間の空白を狭めたいのです。

.imgmain
{ padding-bottom: 0px;
}

かなと、クラス指定してみましたがダメでした。
どのようにしたらいいでしょうか。

回答No.2

BLUEPIXY · ベストアンサー

ulのほうで
margin-top:0;
してみて下さい。

お礼

できました！
ありがとうございました。

回答No.1

lesbrers

CSSではなく、HTMLソースの問題ではないでしょうか？

<img src="xx.jpg"><br>テキスト
で、画像のすぐ下にテキストが来るはずです。

テキストを<p></p>などのブロック要素で囲むと、上下に1行空白行が入ってしまいます。

お礼

すみません。
ちなみに上記のクラス指定は
ul.ma
{
list-style-image: url(333.gif);
margin-bottom: 0.5em;
　　margin-left: 20px;
}

です。

補足

ありがとうございます。
説明不足でした。
下に<ul>で書いているのですが、<ul>自体が空いてしまうタグなのでしょうか？
なんとかこのタグを使ったまま行間の調整はできないものなのでしょうか？

<img src="a.gif">
<ul class="ma">
<li>111</li>
<li>222</li>
</ul>