HTML跨度的两面

Question

我在 LI 中有一个 SPAN ，它在视觉上看起来很像（LI宽400像素，因此有很多空间）：

 [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;}

JSFiddle

Answer 2

试试这个：

<li style="width: 200px;"><span>John Smith</span><span style="float: right;"></li>