Align Images without spacing horizontally and veritcally

Question

I have a group of 4 images that I\'m trying to align vertically and horizontally.

The problem:

I cant get ride of a a small vertical spacing between them.

Answer 1

Adding vertical-align:top on the img elements will remove the gap. The default is baseline.

As a side note, bottom and middle work too.

jsFiddle example

img {
    vertical-align:top;
}

Adding display:block to the img elements works too. (example)

img {
    display:block;
}

Answer 2

Try margin: 0 auto; border: 0px;

Answer 3

If you don't have text in this you can just say

ul {
    font-size: 0;
}

This eliminates the space, see modified JSFiddle