html li span 列表

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>

 

转载于:https://www.cnblogs.com/sdp-dream/archive/2012/12/04/2801148.html