块中的CSS对齐问题

Question

需要一点帮助。

点击here并向下滚动到Print Marketing block...those 4块必须并排，但由于某些原因，第四个块正在向下...

以下是该区域的代码块

<div class="eleven columns bottom-4">
    <h3 class="title">Print Marketing</h3>
<div class="five columns item element-2">
    <a href="#">
        <img src="images/img/sellers/slide1a.png" alt="" class="pic" />
    </a>
</div>
<!-- End -->

<!-- item 2 -->
<div class="five columns item element-2">
    <a href="#">
        <img src="images/img/sellers/slide1b.png" alt="" class="pic" />
    </a>
</div>
<!-- End -->
<!-- item 3 -->
<div class="five columns item element-2">
    <a href="#">
        <img src="images/img/sellers/slide1a.png" alt="" class="pic" />
    </a>
</div>
<!-- End -->

<!-- item 4 -->
<div class="five columns item element-2">
    <a href="#">
        <img src="images/img/sellers/slide1b.png" alt="" class="pic" />
    </a>
</div>
<!-- End -->


  </div> 

CSS如下所示。

.container .columns {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}
.container .five.columns {
width: 280px;
}
.container .eleven.columns {
width: 640px;
}

我在上面试过很多东西。甚至给了他们一个内联风格，这不适用于either...Any的想法，因为他们所有人都有相同的类应用于他们，但一个代码块可以杀死所有其他的人。

请告诉我谢谢。

Answer 1

如果您试图将div与网格对齐，您可以始终尝试将div嵌套在表中。

Answer 2

在第三个div块中，您需要添加clear:left; (内联或通过类)。