html - 表格标题未正确对齐

Question

所以我有以下代码...

<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/

Answer 1

从 #title p

中删除 width: 85%;