Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 css文章列表li标签标题左日期右对齐

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

发布时间:2020-05-09   编辑:www.jquerycn.cn
jquery中文网为您提供css文章列表li标签标题左日期右对齐等资源,欢迎您收藏本站,我们将为您提供最新的css文章列表li标签标题左日期右对齐资源
今天在做一个文章开表页面时发现日期一直跟在后后面,但发现很多的网站都是文章标题左边,日期在右边了,那么这种效果如何来做呢?

之前我是这样写

.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;/*日期右对齐*/
}

效果如下


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

您可能感兴趣的文章:
css文章列表li标签标题左日期右对齐
用DIV CSS实现网页排版中新闻列表的制作方法
li 标签左右显示
XHTML CSS布局之XHTML应用小结
CSS部分代码解释笔记
JavaScript操作word文档实例代码
网页设计中针对中文排版CSS心得
Highcharts教程(17) xAxis x轴的样式一
photoshop基础常用对齐技巧心得分享一览
html5 embed标签的loop属性是怎么用的?embed标签的属性总结!

[关闭]