html - How do you stack images with aligned output? -

html - How do you stack images with aligned output? -

i've got these posts images , output i'd stack in column, divs stuck on top of each other. i'd have them stacked bit of margin between them. how stack images aligned output?

<hr /> <div id="listingwrapper"> <div style="float:left;"> <img src="gateway/imgs/stock/profilechick.jpg" /> </div> <div style="float:left; width: 246px;"> <span style="color:white;"><b>wicked awesome chick goes the</b></span><br/> </div><br/> <div> <span style="color:white;"><i>600 views</i></span> </div> </div> <div id="listingwrapper" style="clear:both;"> <div style="float:left;"> <img src="gateway/imgs/stock/profilechick.jpg" /> </div> <div style="float:left; width: 246px;"> <span style="color:white;"><b>wicked awesome chick goes the</b></span><br/> </div><br/> <div> <span style="color:white;"><i>600 views</i></span> </div> </div>

try demo here

#listingwrapper { clear: both; margin-top: 35px; overflow: hidden; }

html css