css 问题，在右边制作文本

Question

我有这个

<li><a href="#" >title</a> <span style='text-align:right;'>(0)</span></li>

它不工作还有这个

<li><a href="#" >title</a> <span style='float:right;'>(0)</span></li>

它转到下线(不工作)

它看起来像那样

|title (0)     |

我要了

|title      (0)|

Answer 1

可能有更优雅的解决方案来执行此操作，但这应该可行:

<li style="position:relative">
    <a href="#">title</a> <span style="position:absolute; right:0;">(0)</span>
</li>

您可能需要向 li 添加 padding-right 以说明 span 使用的空间，以便链接文本和 span 不重叠。