简单HTML新闻列表的写法

今天又学习了一些新的知识–网页中新闻列表的写法，以下是学习的笔记以及案例（有不足之处还望小伙伴们多多指出哦）
练习案例：
HTML代码：

CSS样式代码：


效果图：

笔记：总结新闻列表的写法
新闻列表的流程:
1:结构：（入上图HTML所示，有时间加span即可，没有
时间不需要加）
2: 给li添加宽高，高度量取的时候，量行高就行。
3: 给新闻内容a 和 时间的span 添加浮动。一左一右
4:设置文本样式。
5:用添加背景图的形式 给 li添加列表符号
6:让背景图 上下居中，文本上下居中
7：给li添加padding-left 把列表符合露出来。