960网格系统 - 难以实现所需的布局

Question

我目前正在设计我的网页的一部分，但是在接触卡的定位方面遇到了困难，如下所示：

目前，由于以下标记结构，第二列联系人卡片未垂直对齐。 <h2 class="text200 margbottom margtop">Contact Us</h2>正在垂直向下推动第一个网格4中的其他2个联系人卡片，但当然这不会出现在第二个网格4中，因为不存在<h2>。有没有办法让联系人卡片位于相同的高度，以便通过修改我的HTML标记，如上图所示水平对齐？

以下是链接：http://www.bestcastleintown.co.uk/pg/

<div class="grid_4">
    <h2 class="text200 margbottom margtop">Contact Us</h2>
    <div class="contact_block_tiny trophy clearfix">
    <!-- content -->
    </div>
    <div class="contact_block_tiny target clearfix">
    <!-- content -->                                                
    </div>
</div>      
<div class="grid_4 omega">
    <div class="contact_block_tiny drink clearfix">     
    <!-- content -->                                    
    </div>
    <div class="contact_block_tiny editorial clearfix"> 
    <!-- content -->                                        
    </div>
</div>  

Answer 1

“联系我们”是第一列或两列的标题吗？如果它是两列的标题，那么为什么要将它放在第一列中？这不是它在语义上的所在，从而打破了你的布局。