2つのテーブルの列幅が同じになるようにしますか？

Question

私は2つのテーブルを持っていて、それぞれに2つのカラムがあります。彼らの0番目の列が同じ幅？：

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

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

うんそう理想的table0の0番目の列は、TABLE1ののとまったく同じ幅になるように取得する方法はあります。私は2つのテーブルの間にラベルを置く必要があります。そうでなければ、私はそれらをすべて同じテーブルにして、問題を完全に回避します。何かのように：

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

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

ありがとう

Answer 1

ちょうど<colgroup>

あなたのテーブルでのCSSを使用し

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