<<TABLE> 태그 대신 <DIV> <UL> <LI> 태그를 이용한 테이블 디자인

ul#timeline{width:100%; list-style:none; float:left}
li#time{ float:left; width: 40px; height:30px; margin:17px 0 0 0; background:#CCCCCC; list-style:none; border-bottom:1px solid #000}
li#apm{background:#CCC; list-style:none}
li#apm p{height:13px; font-size:0.75em; margin:0; border-bottom:1px solid #000; padding:5px 0 ; background:#FFF}
li#apm p span{ background:#CCC; padding:5px 3px 4px 0; height:30px; margin:0 5px 0 0}

 

<ul id="tmeline">
  <li id="time">큰묶음1</li>
  <li id="apm">
    <p class="am"><span>묶음에작은리스트1</span>내용쭉</p>
    <p class="30"><span>묶음에작응리스트2</span>내용쭉</p>
  </li>
</ul>