Two floating divs side by side, same height (continued)

Question

My problem: someone gave an example here: http://jsfiddle.net/s7ufg/18/

How to remove excess space under the image?

+4

user1040259 24 sept '12 at 2:49

2 answers

display:block; to image solve it

 img { display:block; max-width: 100%; height: auto; width: auto; }

+4

NullPoi 24 sept '12 at 2:57

j08691 · Accepted Answer · 2012-09-24T02:53:48+0000

Add vertical alignment: top to the img rule:

img { max-width: 100%; height: auto; width: auto; vertical-align:top; }