Div的水平对齐不正确

Question

这是有问题的网站： http : //jayduff.co.uk/

我以前在左侧有图像/链接，在左侧有标题，我决定对其进行更改以使其更加标准化，但是保存标题和链接的前两个div似乎不再正确对齐了？

这是我的链接div和标题div的CSS（您也可以在上面查看我的链接的来源）

    #title { 
      float:left;
      font-family: 'BebasNeueRegular', sans-serif;
      font-color: #6D929B;
      -webkit-font-smoothing: antialiased; 
      text-rendering: optimizeLegibility;  
    }

    #links { 
      margin-top:40px;
    }

然后，我在下面有一个div ...，其中包含我的正文

   #mainText {
     width: 450px;
     word-wrap: break-word; 
     margin-left:45px;
   }

我很确定我从上面的div样式中丢失了一些东西，这导致前两个div与下面的第三个div不能正确对齐？

这是应有的示例

title                links
**************************** 
* JOSHUA DUFFY *  O O O O  *                                                         
****************************
* mainbody                 *
*                          *
*                          *
****************************

希望这是有道理的，我要去哪里错了？ 我很确定不是仅将div放在上面的属性中吗？ 提前致谢

Answer 1

尝试这个

  #mainText {
        clear: both;
        margin-left: 45px;
        width: 450px;
        word-wrap: break-word;
    }

#links {
    float: left;
    margin-top: 40px;
}

#title {
    float: left;
    font-family: 'BebasNeueRegular',sans-serif;
    text-rendering: optimizelegibility;
}

Answer 2

据我所知，您缺少了float:left; 在您的链接div样式上...。