有那些方便的代码风格可以实现这个新闻页面HTML格式的

Question

Answer 1

时间float right，不需要几行css，脚手架自适应建议bootstrap

<style>
    ul.news,ul.news li{padding:0;margin:0;list-style:none}
    ul.news{width:1200px;margin:0 auto}
    ul.news li{line-height:39px;border-bottom:solid 1px #ccc}
    ul.news li a{color:#666;text-decoration:none}
    ul.news span.type{color:forestgreen}
    ul.news span.time{float:right}
</style>
<ul class="news">
    <li><a href="#"><span class="type">[行业动态]</span>2009年中国橡胶工业十大新闻</a><span class="time">2014-09-24</span></li>
    <li><a href="#"><span class="type">[行业动态]</span>兰州石化液体橡胶放大试验成功</a><span class="time">2014-09-24</span></li>
    <li><a href="#"><span class="type">[行业动态]</span>国家橡胶质检中心在西双版纳建成 </a><span class="time">2014-09-24</span></li>
    <li><a href="#"><span class="type">[行业动态]</span>首套方吨级硫化促进剂M装置的投产</a><span class="time">2014-09-24</span></li>
</ul>

有帮助麻烦点下【采纳该答案】，谢谢~~