表头不对齐正确

所以我有以下代码...表头不对齐正确

<table width='100%' id='table'> 
    <tbody> 
     <tr> 
     <th colspan="3" id="title"> 
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaa</p> 
     </th> 
     </tr> 
     <tr> 
     <td style="width:120px;"> 
      <img src="http://tippvet.com/wp-content/uploads/2013/05/cat-vet.jpg" width="120px" height="120px" /> 
     </td> 
     <td id="info"> 
      <a href="/" id="name">aaaaaaa</a><br><a href="#">eeeeee</a><br><a href="#">aaaaa</a> 
     </td> 
     <td id="count">bbbbbb<br> 
      cccccc 
     </td> 
     </tr> 
     <tr> 
     <td colspan="3">ddddddd</td> 
     </tr> 
    </tbody> 
</table>

，我想#title集中在以下三个单元。出于某种原因，它没有正确对齐。我已经通过这样做来对齐：http://jsfiddle.net/zx82D/2/ 但文本与我想要的不同。这是我的原始代码不正确对齐，但有正确的造型为p：http://jsfiddle.net/zx82D/3/

谢谢。

来源

2014-03-02 Michael Blake