如何使用对齐的输出堆叠图像？

Question

我有这些帖子，它们是图像和输出，我想在一列中堆叠，但div们相互叠加。我想让它们之间有一点差距。如何使用对齐的输出堆叠图像？

<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 to 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 to the</b></span><br/>
    </div><br/>
    <div>    
      <span style="color:white;"><i>600 views</i></span>
    </div>
</div>

Answer 1

在这里试试demo

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