以表格爲中心的html表格？

Question

我已經爲表格製作了一張html表格。

但是對於表格的每個部分，我想要一個跨越整個表格寬度的標題，例如跨越表的整個行長度「快速搜索」，「高級搜索」

在這裏看到： http://jsfiddle.net/MHtvq/3/

但是有一個問題：文本「快速搜索」或「高級搜索」不能真正被集中。因爲它們位於桌子的一列。

 <tr height= "100px" > 
         <td bordercolor="#90DBFF" bgcolor="#CC99CC" style="left-padding:20px">Quick Search</td> 
         <td bordercolor="#90DBFF" bgcolor="#CC99CC"></td> 

     <tr> 

我想是這樣的（見醜畫面中的紅色文字）：

有沒有解決這個另一種方式？我應該使用多個表格，然後使用div作爲標題嗎？

我不知道的接近這一點的最好方式..

Answer 1

您可以通過添加跨度屬性到小區做一個表格單元格跨越多個列。是這樣的：

<td colspan="2">quick search</td> 

，你也應該使用CSS樣式（邊框顏色和背景顏色屬性）

Answer 2

設置

<td style="text-algin=center">