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

我知道以前有人问过这个问题，但我无法将他们的解决方案应用于我的具体问题

我有一个无序的列表，如下所示：

然而，前四个元素“阻止”了最后一个子元素向左对齐

我尝试过浮动，并将前四个元素完全定位，但似乎无法理解

---

任何想法都将不胜感激

这有帮助吗？我没有使用类，只有定位。

---

这有帮助吗？我没有使用类，只有定位。

---

看看这把小提琴。它使用

文本对齐

和

浮动

来实现所需，而不使用绝对位置。一切都是相对的。看这把小提琴。它使用

文本对齐

和

浮动

来实现所需，而不使用绝对位置。一切都是相对的

我是不是遗漏了什么？只需将

text align:left

更改为

float:left

，即

nav li:last child{float:left；}

。在演示中效果很好：这个？如果a、b、c和d都在页面的右侧，这两个元素都会很完美。有点像这样：除了a、b、c和d元素的顺序相反之外，我遗漏了什么？只需将

text align:left

更改为

float:left

，即

nav li:last child{float:left；}

。在演示中效果很好：这个？如果a、b、c和d都在页面的右侧，那么这两个元素都是完美的。有点像这样：除了a、b、c和d元素的相反顺序W！先生，你做了我开始认为是不可能的事！我很抱歉，但Ejay可能有一个更好的解决方案，不使用绝对定位。尽管如此，我还是非常感谢你的回答！哇！先生，你做了我开始认为是不可能的事！我很抱歉，但Ejay可能有一个更好的解决方案，不使用绝对定位。尽管如此，我还是非常感谢你的回答！

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

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

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