HTML跨度的两面

Question

我在LI中有一个SPAN,它在视觉上看起来很像(LI是400px宽,所以有很多空间):

 [Name (age)             ]

我希望(年龄)在右边,名字在左边:

 [Name              (age)]

我的代码库:

 <li>
    <span>John Smith(30)</span>
 </li>

如何让它们都粘在边缘？

Answer 1

尝试以这种方式使用它

HTML

<li>
<span>John Smith</span><span class="age">(30)</span>
</li>

CSS:

li{width:400px}
li span.age{float:right;}