li{
position:relative;
width:600px;
}
span{
position:absolute;
width:100px;
right:20px;
top:0px;
}
<ul>
<li>·<a>testtesttesttesttesttesttesttest22222</a><span>2012-12-04</span></li>
<li>·<a>testtesttesttesttesttesttesttest11111</a><span>2012-12-03</span></li>
</ul>
另一种写法: (其实也很简单,就是把span标签写到li的前面。)
span{
float:right;
width:100px;
}
<ul>
<li><span>11-02-12</span><a href="#">今日头条新闻</a></li>
<li><span>11-02-12</span><a href="#">今日头条新闻</a></li>
</ul>