<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>控制字数的列表_bt</title>
<style type="text/css">
body,ul,li{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
img{border:0 none}
ul{margin:0 0 0 10px;width:300px;}
ul li{ position:relative; width:150px;height:18px;line-height:18px; padding-right:50px; overflow:hidden}
ul li a{color:#333; font-size:12px; text-decoration:none; display:inline-block; overflow:hidden}
ul li span{font-size:9px; color:#999; position:absolute; padding-left:5px}
</style>
</head>
<body>
<ul>
<li><a href="#">这里是列表的标的标题</a><span>2009-08-08</span></li>
<li><a href="#">这里是列表的里是列表的标题</a><span>2009-08-08</span></li>
<li><a href="#">这里是列表的标题这里是列题这里是列表的标里是列表表的标题</a><span>2009-08-08</span></li>
<li><a href="#">这里是列表的标题这里是列表的标题</a><span>2009-08-08</span></li>
</ul>
</body>
</html>