html - ul li 列表样式导航，一些元素右对齐

Question

我有一个例子，我有一个 ul li 菜单，我希望其中的一些元素右对齐。

我无法放置定义的尺寸，因为菜单会发生变化，有时导航元素会变多或变少。此外，有时可能会有不止一项我想要右对齐。

这是一个 jsfiddle，我开始演示我在代码中尝试做的事情。

http://jsfiddle.net/bjPAt/

<ul>
    <li><a href="#">Nav 1</a></li>
    <li><a href="#">Nav 2</a></li>
    <li><a href="#" class="right_nav">Right Nav</a></li>
</ul>

** 这可能是不可能的，我将不得不更改 html。

Answer 1

您需要 float:right <li>标记不是 <a>标签。在此处查看修改后的版本:

http://jsfiddle.net/bjPAt/4/