在同一行上浮动部分无序列表的左边和右边的一部分

Question

我知道这里和这里之前都曾问过这个问题，但我无法将他们的解决方案应用于我的特定问题。

我有一个像这样的无序列表：

<nav>
    <ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
    <li>e</li>
    /ul>
</nav>

但是最后一个孩子必须向左浮动，而其他元素则向右浮动。

需要注意的是，我想避免在PHP中由一个变量生成的类或html周围添加任何列表元素。 但是，将类添加到nav和ul标签很好。

到目前为止，我想出的是以下CSS：

nav li {
    display: inline;
    list-style: none;
    text-align: right;
}

nav li:last-child {
    text-align: left;
}

但是，前四个元素“阻止”了最后一个孩子能够向左对齐。

我试过浮动，并绝对定位前四个元素，似乎无法弄清楚。

任何想法将不胜感激！

Answer 1

http://jsfiddle.net/T5xc9/看到这个小提琴。 它使用text-align和float来实现所需的内容，并且不使用绝对位置。 一切都是relative

Answer 2

能帮上忙吗？ 我没有使用任何课程，只使用了定位。 http://tinker.io/926d2/16