960 그리드 시스템들은 아래에 나타나는 어려움은 내 웹 페이지의 일부를 설계하는 과정에있어

Question

와 레이아웃을 원하는 achieiving하지만, 연락처 카드를 위치 어려움이 발생했습니다 연락처 카드의 두 번째 열은 다음 마크 업 구조 때문에 수직으로 정렬되지 않습니다. <h2 class="text200 margbottom margtop">Contact Us</h2>은 첫 번째 그리드 4의 다른 두 개의 접촉 카드를 수직으로 '밀어 내고'있지만, 물론 이것은 <h2>이 없기 때문에 두 번째 그리드 4에서는 일어나지 않습니다. 연락처 카드가 같은 높이에 위치하도록 위의 그림과 같이 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

은 "연락처"첫 번째 열 또는 두 열의 제목입니다 : 여기

링크입니까? 두 열의 표제 인 경우 첫 번째 열에 왜 넣을까요? 그것은 의미 론적으로 속하는 것이 아니며 결과적으로 레이아웃을 손상시킵니다.