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>

 

posted on 2012-12-04 12:29  sdp*_*  阅读(469)  评论(0编辑  收藏  举报