如何堆叠具有对齐输出的图像？

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

在这里尝试这个演示

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