<!doctype html> <html> <head> <meta charset="gb2312"> <title>CSS代码测试</title> <style type="text/css"> .list{ margin: 0px 10px 20px; text-align: left;} .list ul{list-style-type: none;margin: 0px;padding: 0px;} .list li{width: 100%;} .list li a{color: #777777;display: block;padding: 6px 0px 4px 15px;} .list li span{float: right;text-align: right;} .list li a:hover{color: #336699;} </style> </head> <body> <ul class="list"> <li><span>20018年12月21日</span><a href="http://www.yeyulingfeng.com/">夜雨聆风text no.1</a></li> <li><span>20018年12月21日</span><a href="http://www.yeyulingfeng.com/">夜雨聆风text no.2</a></li> <li><span>20018年12月21日</span><a href="http://www.yeyulingfeng.com/">夜雨聆风text no.3</a></li> <li><span>20018年12月21日</span><a href="http://www.yeyulingfeng.com/">夜雨聆风text no.4</a></li> </ul> </body> </html>
运行代码
注：li标签里面的span放在前面