두 테이블의 열 너비가 같습니까?

Question

두 개의 테이블이 있으며 각 테이블에는 두 개의 열이 있습니다. 자신의 0 번째 열이 같은 폭?

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

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

그래 그렇게 이상적으로 table0의 0 번째 열은 표 년대와 정확히 같은 너비 될 것으로 얻을 수있는 방법이 있나요. 두 테이블 사이에 레이블을 넣어야합니다. 그렇지 않으면 모두 동일한 테이블을 만들어 문제를 완전히 피할 수 있습니다. 뭔가 같이 :

  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 예