列表在网页中非常常见，例如新闻列表，还有导航。下面就分别所一下新闻列表的常见制作方式。

新闻列表

以下面这个 UL 做演示

<ul>
    <li><a href="#"><span>2014-4-1</span>武汉长乐未央教育</a></li>
    <li><a href="#"><span>2014-5-1</span>php教育培训专家</a></li>
    <li><a href="#"><span>2014-6-1</span>全程一对一授课</a></li>
    <li><a href="#"><span>2014-7-1</span>实战式项目培训</a></li>
</ul>

新闻列表，CSS 范例：

ul {
    /* 去掉列表前面的点号 */
    list-style-type:none;
    }
ul li {
    /* 宽度6...