一个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>