Question

http://down123.xxmn.com/wemade/
there is no padding or margin under the image. but i don’t know why there is about 1px under the image.which locates at the top right of the page.

how to remove the 1px which ix under the image? thank you

Answer 1

While Andres’ solution works, it doesn’t actually deal with the issue directly, which is the vertical alignment of the image. The way to fix it is to give the image an alignment other than baseline, such as top or bottom.

This is what I usually use:

img {
    vertical-align: top;
}

This way you aren’t ‘hacking’ together a solution by changing the image’s natural display mode, but rather dealing with the problem directly.

Also, if you are worried about the way that the inline anchor wraps the inline image, then change the display mode on the anchor, not the image (i.e. block or inline-block).