使兩個表具有相同的列寬？

Question

我有兩個表，每個表有兩列。有沒有辦法讓他們的第0列具有相同的寬度？：

// table0 
--------------------------- 
|   | words words | 
| apples | words words | 
|   | words words | 
--------------------------- 

// table1 
------------------------------------ 
|     | words words | 
| diamond almonds | words words | 
|     | words words | 
------------------------------------ 

呀因此，最好table0的第0列將是完全一樣的寬度表1的。我需要在兩個表格之間加上一個標籤，否則我只是將它們全部放在同一張桌子上，並完全避免這個問題。喜歡的東西：

  Centered Title 0 
------------------------------------ 
|     | words words | 
| apples    | words words | 
|     | words words | 
------------------------------------ 

      Centered Title 1 
------------------------------------ 
|     | words words | 
| diamond almonds | words words | 
|     | words words | 
------------------------------------ 

謝謝

Answer 1

只需使用CSS在<colgroup>

你的表

<table border="1"> 
    <colgroup class="title"></colgroup> 
    <colgroup class="description"></colgroup> 
    <tr> 
    <td>apples </td> 
    <td>words words words words words words words</td>  
    </tr> 
</table> 

CSS

.title{ 
    width: 100px; 
} 

.description{ 
    width: 200px; 
} 

jsFiddle示例