HTML 피라미드 형 테이블

어제 친구가 자신의 수업에서 만난 이상한 문제를 알게되었습니다. 그는 피라미드 모양의 테이블을 만들 수 없었습니다 (내 jsfiddle 링크에서 볼 수 있듯이).
나는 HTML 테이블을 많이 다뤄 본 적이 없지만,이 프로그램이 바보 같다고 생각했습니다. 내가 자신을 HTML을 작성하려고 할 때, 나는 그것보다 더했다 보았다 ...HTML 피라미드 형 테이블

이 내가하려고했던 것입니다 : http://jsfiddle.net/5aDkL/

<table border="1"> 
    <tr> 
     <td colspan="1">A</td> 
     <td colspan="1">B</td> 
     <td colspan="2">C</td> 
     <td colspan="1">D</td> 
     <td colspan="1">E</td> 
    </tr> 
    <tr> 
     <td colspan="1">F</td> 
     <td colspan="2">G</td> 
     <td colspan="2">H</td> 
     <td colspan="1">I</td> 
    </tr> 
     <tr> 
     <td colspan="2">J</td> 
     <td colspan="2">K</td> 
     <td colspan="2">L</td> 
    </tr> 
</table>

당신이 볼 수 있듯이, 테이블하지 않습니다 기대했던 것처럼 보이십시오 (이미 알지 못한다면). http://jsfiddle.net/SzWHX/

<table border="1"> 
    <col> 
    <col> 
    <col> 
    <col> 
    <col> 
    <col> 
    <tr> 
     <td colspan="1">A</td> 
     <td colspan="1">B</td> 
     <td colspan="2">C</td> 
     <td colspan="1">D</td> 
     <td colspan="1">E</td> 
    </tr> 
    <tr> 
     <td colspan="1">F</td> 
     <td colspan="2">G</td> 
     <td colspan="2">H</td> 
     <td colspan="1">I</td> 
    </tr> 
     <tr> 
     <td colspan="2">J</td> 
     <td colspan="2">K</td> 
     <td colspan="2">L</td> 
    </tr> 
</table>

하지만 궁금 해서요,이 코드에 더 나은 방법이있다 :
그래서 일부 웹 검색 후에, 나는 (CSS의 한 줄) 잘 작동 다음, 함께했다? 그 빈 col 요소는 바로 바보처럼 보인다.
누군가가 나를 계몽 할 수 있다면, 그렇게 많이 감사 할 것입니다.

출처

2013-10-11 stranac