css文章列表li标签标题左日期右对齐

2016-03-02    编辑:bluestart     点击(
今天在做一个文章开表页面时发现日期一直跟在后后面,但发现很多的网站都是文章标题左边,日期在右边了,那么这种效果如何来做呢?

之前我是这样写

.ulist{ margin:10px;}
.ulist li{ width:620px; height:30px ; border-bottom:0px;padding-top:10px;}

效果如下


后来网上找到一段代码

.list li a{
color: #0066cc;
display: block;
padding: 5px 0px 3px 13px;
}
.list li span{
float: right;
text-align: right;/*日期右对齐*/
}

效果如下


这样就达到了我们的要求了,其实这个相对来说是非常的简单了哦。