如图，做网站时经常遇到的情况，将项目名和发布时间左右分开。
方法1：
思路是直接将时间放到一个行内元素里，然后将这个元素右浮动。
如：<li><span>(2009-01-01)</span>[媒体播放] KMPlayer
2.9.3.1428 中文正式版 </li>
只要将 li span{float:right；}，然后 li{width:200px; overflow:hidden；}将溢出隐藏就行了。
html & css:
<!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>无标题文档</title>
<mce:style type="text/css"><!--
*{margin:0;padding:0;}
li{list-style:none}
.box{
width:275px;
height:420px;
border:1px solid #CCC;
overflow:hidden;
margin:30px;
}
.box ul{
padding:12px;
}
.box ul li{
line-height:26px;
height:26px;
border-bottom:1px dotted #F90;
overflow:hidden;
}
.box ul li span{
float:right;
}
h2{
font-size:14px;
padding:3px 15px;
background:#CCC;
}
</style>
</head>
<body>
<div class="box">
<h2>最近更新</h2>
<ul>
<li><span>(2009-01-01)</span>[媒体播放] KMPlayer 2.9.3.1428 中文正式版 </li>
<li><span>(2009-01-01)</span>[媒体播放] KMPlayer 2.9.3.1428 中文正式版 </li>
<li><span>(2009-01-01)</span>[媒体播放] KMPlayer 2.9.3.1428 中文正式版 </li>
<li><span>(2009-01-01)</span>[媒体播放] KMPlayer 2.9.3.1428 中文正式版 </li>
<li><span>(2009-01-01)</span>[媒体播放] KMPlayer 2.9.3.1428 中文正式版 </li>
<li><span>(2009-01-01)</span>[媒体播放] KMPlayer 2.9.3.1428 中文正式版 </li>
<li><span>(2009-01-01)</span>[媒体播放] KMPlayer 2.9.3.1428 �
