html - Image inside div has extra space below the image -
why in following code height of div
bigger height of img
? there gap below image, doesn't seems padding/margin.
what gap or space below image?
#wrapper { border: 1px solid red; width:200px; } img { width:200px; }
<div id="wrapper"> <img src="http://i.imgur.com/recdv24.jpg" /> </div>
by default, image rendered inline, letter.
it sits on same line a, b, c , d sit on.
there space below line descenders find on letters f, j, p , q.
you can adjust vertical-align
of image position elsewhere (e.g. middle
) or change display
isn't inline.
Comments
Post a Comment