Html 内联显示块元素

我试图制作一个由一系列div组成的布局，这些div包含一个图像和一些文本，其中div包含在另一个div中，这个div足够大，可以并排容纳两个较小的div，在div内联运行的地方，自然地将它们组织成两列，但是如果我在列表的顶部添加另一个div，那么所有的div都会向下移动一个位置。如果我的描述把你搞糊涂了的话，下面是我想做的一个草图：我意识到这有点不合常规，但我这么做主要是因为我能（除非我不能…）

到目前为止，我得到的是

<div class="thumbcontainer">
  <a href="test.html"><img src="images/balls.png"></a>
  <span class="caption">Balls</span><br>
  <span class="description">Balls balls balls</span>
</div>

.thumbcontainer {
  width:            450px;
  display:          inline;
  margin:           0px 20px;

球

球
.拇指容器{
宽度：450px；
显示：内联；
利润率：0px 20px；

---

但是现在将div显示为inline只会将它们的水平边距折叠到包含的div中；它们仍然在垂直线上一个接一个地显示。我试图做的是可能的吗div所有的ThumbContainer都在其中，如果它有背景或边框的话。

像这样的soemthing呢

还是我完全没有抓住要点

---

啊，是的，当然！我想我挂断了显示：内联，忘记了思考流是如何工作的。谢谢！事实上，再想想，这不起作用，因为页面布局是居中的（相对定位的div包含所有内容，自动边距）所以漂浮的容器会弄乱其他的一切。我真的发表了那个评论吗？我以为我关了窗户。别担心，我用了2个clearfix。