首页 > 代码库 > 标题右边10px位置紧跟发布时间

标题右边10px位置紧跟发布时间

一个ul列表,拥有若干li,内容是新闻标题,标题右边10px位置紧跟发布时间,当标题过长需要控制标题width,需要兼容ie6,不能用max-width

 

h4{font-size:14px;height:27px;line-height:27px;padding-left:10px;border-bottom:#ddd 1px solid;}.news{width:310px;border:#ddd 1px solid;word-break:break-all;  height:auto; overflow:auto; font-size:12px;}.news ul{padding:5px 10px;}.news ul li{list-style-type:none;line-height:24px;height:24px;overflow:hidden;position:relative;width:200px;padding-right:60px; }.news ul li a{float:left;margin-right:10px;}.news ul li span{position:absolute; }

 

<div class="news"><h4>新闻列表</h4><ul><li><a href="javascript:void(0);">专注网页前端,做前端设计与前端开发的前端人! </a><span> 2010.2.3</span></li><li><a href="javascript:void(0);">大前端</a><span>2010.2.3</span></li></ul></div>

 

标题右边10px位置紧跟发布时间