长列表项会创建不需要的缩进

Question

这个问题很难描述，所以我创建了一个jsfiddle。与其他菜单项不同，您可以看到菜单中的最后一项向右突出显示。如果其他菜单项占用多行，则会发生这种情况。

http://jsfiddle.net/V82un/

Answer 1

这是因为<a>元素默认为display: inline;，因此边框仅显示在第二行的末尾。将#sidebar_all_pages a更改为display: block，问题就解决了。然而，它取消了另一个：#sidebar_all_pages li上的负边距太大了。将其减少到-10px以解决该问题。

Answer 2

text-align: right表示文本正确对齐。这意味着每行文本的右边缘将粘贴到其容器的右内边缘。

Answer 3

如何使用以下css规则在文本中包装文本：

display:inline-block;
max-width:190px;

Demo