Question

html中ul li 布局的问题。

这个我做的样子，我想把文字左对齐，日期右对齐，可是我在span里一设置，结果就不对，请问我应该怎么做？
<div id="templatemo_left_paihang">
<ul>
<li><a href="#">世界十大未解之迷</a><span>2011-10-06</span></li>
<li><a href="#">三国演义</a><span>2011-10-06</span></li>
<li><a href="#">The Dream World</a><span>2011-10-06</span></li>
</ul>
</div>

Answer 1

除了在样式表里把<span>设置成右侧浮动外，还需要把<span></span>标签内容放到<a>标签内容前面。如： <li><span>2011-10-06</span><a href="#">世界十大未解之迷</a></li>

Answer 2

把li里面的a标签左对齐，span标签右对齐，都定义成块

Answer 3

添加span css样式 float:right 再根据实际情况调整 margin-top

Answer 4

a左对齐 span右对齐
在每个li后面加一个<br/>就OK了