html - 順序付けされていないリストの各リストアイテム間のギャップを取り除く方法は？

Question

順序付けされていないリストを作成するときはいつでも、各リストアイテムの下にギャップが残ります。

これを削除するにはどうすればよいですか？

すでに試さ margin : 0 れており、 ulとlipadding : 0の両方で。のCSSリセット

*{ margin : 0; padding: 0 }

また、動作していないようです。

水平リストの場合、通常、ギャップを取り除くことができます。しかし、垂直リストが必要なときにこれを実現する方法がわかりません。

Answer 1

@ j08691 @developdaly：それぞれの中に画像を配置しました<li>。それが問題でしょうか？–maxxon156分前

はい。はい、できます。

このCSSを追加して、ギャップを削除します。

img {
    vertical-align: top;
}

ギャップはそれぞれの下ではなくli、それぞれの下にありますimg。