Question

I have an image inside a div, and I’m setting 1 pixel border to the div but there is a padding at the bottom between the border and the image. Can anyone please explain why?

Here is my html code:

<div id="border"><img src="example.png" /></div>

Here is my css:

#border {
    border: 1px solid #000;
    float: left;
}

Answer 1

use vertical-align:top for image