A UL list, has a number of Li, the content is news headlines, the title to the right 10px position immediately after the release time, when the title is too long need to control the width of the title, need to be compatible with IE6, not with 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;}
<Divclass= "News"><h4>News list</h4><ul><Li><ahref= "javascript:void (0);">Focus on the front page, do front-end design and front-end development of the front-end people!</a><span>2010.2.3</span></Li><Li><ahref= "javascript:void (0);">Large Front End</a><span>2010.2.3</span></Li></ul></Div>
Title Right 10px position immediately following publication time