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>

Вы можете добавить padding-right к li, чтобы учесть пространство, используемое span, чтобы текст ссылки и span не перекрывались.