Question

在ul li 中 文字 文字后面的日期在一行显示， 文字向左 日期向右代码要这么写呢

<div id="nav">
<ul>
<li>11111111111111111<span>[2011-4-12]</span></li>
<li>111111111111111111111111111<span>[2011-4-12]</span></li>
<li>1111111111111111111111111111<span>[2011-4-12]</span></li>
<li>1111111111111111111111111111111<span>[2011-4-12]</span></li>
</ul>

</div> 就像图片上的那样子 谢谢

Answer 1

这个很简单，给你一个例子。
html页面：<div class="nav">
<ul>
<li>文字文字<span>日期</span></li>
<li>文字文字<span>日期</span></li>
<li>文字文字<span>日期</span></li>
</ul>
</div>
css样式：.nav ul li{width:100px; height:20px; position:relative;}
.nav ul li span{ position:absolute; right:0px; top:0px;}

注意：nav与ul 与li之间打一个空格
希望对你有帮助~~~~~