Question

Whenever I create a Unordered List, A gap remains below each of the list items.

What can I do to remove this?

Already tried
margin : 0
and padding : 0 on both ul and li. The CSS reset of

*{ margin : 0; padding: 0 }

also doesn’t seem to work.

The gap can be usually removed in case of a horizontal list. But I’m at a loss how to accomplish this when I want a vertical list.

Answer 1

@j08691 @developdaly : I’ve placed images within each of the <li>.
Could that be the problem ? – maxxon15 6 mins ago

Yes. Yes, it could.

Add this CSS to remove the gaps:

img {
    vertical-align: top;
}

The gaps aren’t below each li, they’re below each img.