<ul>タグの上の空白って消せますか？

質問

<ul><li></li></ul>で囲まれた部分の上に空白ができてしまいます。
CSSでいろいろ試してみましたが、どうしても空白がきえませんでした・・・

ためしに<ul></ul>をとっちゃったんですが・・・これはまずいですよね？
どうすれば空白を消す（指定）することができるのでしょうか？
また、同時に<li>で囲まれた画像の下の空白や左位置のずれもとりたいのですが・・・

どうかよろしくお願いいたします。

＝＝＝＝＝タイトル画像＝＝＝＝＝＝
テキストテキストテキスト　■■■（画像）（画像）
テキストテキストテキスト　■■■（画像）（画像）
テキストテキストテキスト　■■■（画像）（画像）

このような感じでレイアウトしたいのですが、どうしても■の画像の一番上の部分に空白ができて、■同士が重なってしまいます。
■同士が重なるのはmargin rightを指定すればなんとかなるのですが、
これもできれば他の方法があれば教えていただきたいです・・・

どうかよろしくお願致します。

回答No.1

leap_day · ベストアンサー

こんにちは

＞どうすれば空白を消す（指定）することができるのでしょうか？

ul {
margin:0px;
padding:0px;
}

＞<li>で囲まれた画像の下の空白

img {
vertical-align:bottom;
}

＞左位置のずれ
<img>を並べた時の普通の挙動だと思うのでmarginやpadding、背景色と同色の左右のborderをつけたり、width指定したブロック要素に<img>を入れてfloatで並べるとかしかないかと思います

お礼

すみません！

勘違いでした・・・
実はIDが他のページのものとかぶってしまってて・・・
本当にすみません。

また、どうかよろしくお願致します。