White space under image [duplicate]

Question

I can't remove white space under my images after i added boarder.

How do i get rid of this?

<div style="width: 1200px;">
<div style="float: left; width: 358 px; margin: 0px 7px 0px 0px; border: 1px solid #021a40;"><img src="{{media url="wysiwyg/3row/3row-no-boarder_07.jpg"}}" alt="" /></div>
<div style="float: left; width: 358 px; margin: 0px 7px 0px 7px; border: 1px solid #021a40;"><img src="{{media url="wysiwyg/3row/3row-no-boarder_04.jpg"}}" alt="" /></div>
<div style="float: left; width: 358 px; margin: 0px 0px 0px 7px; border: 1px solid #021a40;"><img src="{{media url="wysiwyg/3row/3row-no-boarder_09.jpg"}}" alt="" /></div>
<div style="clear: both;">&nbsp;</div>
</div>
</div>
</div>

http://postimg.org/image/5rvgc5h8p/

Fiddle: https://jsfiddle.net/mastervision/zap4smbm/

I use the Magento editor: http://postimg.org/image/c62ljlmoj/

Answer 1

Add this

div{
line-height: 0;
}

Fiddle