CSS标准结构文章列表模板(HTML+CSS代码块)

功能说明：

时间日期紧跟标题其后，距离标题 10px。当标题过长时，超长部分截断，但是时间必须显示完整。
合理的结构方便程序输出。
纯 CSS 布局，兼容主流浏览器平台。

下载完整代码   查看演示

代码片段：

<div id="dv_demo">
 <ol class="clearfix">
  <li><a href="http://www.51xuediannao.com/">懒人建站为你提供CSS代码块</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/JS/">懒人建站为你提供JS代码</a><span>2009-03-14</span></li>
  <li><a href="http://www.51xuediannao.com/JS/nav/">懒人建站为你提供CSS导航</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/jiqiao/css/">懒人建站为你提供CSS技巧</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/jiqiao/cms/">懒人建站为你提供CMS技巧</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/show/">懒人建站为你提供网页欣赏</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/JS/nav/">懒人建站为你提供CSS导航</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/jiqiao/css/">懒人建站为你提供CSS技巧</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/jiqiao/cms/">懒人建站为你提供CMS技巧</a><span>2009-11-01</span></li>
  <li><a href="http://www.51xuediannao.com/show/">懒人建站为你提供网页欣赏</a><span>2009-11-01</span></li>
 </ol>
</div>