以标题为中心的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

通过向单元格添加colspan属性，可以使表格单元格跨越多个列。像这样的东西：

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

你还应该使用css进行样式设计（边框颜色和背景颜色属性）

Answer 2

设置

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