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>
