Html 李：进入水平导航栏后，导航栏会不断地将其内容放在新行上

我有一些愚蠢的CSS问题。不能让我的导航栏按我想要的方式工作。 问题是，它以某种方式将箭头保留在锚文本下

这是html的示例：

<ul id="navi">
    <li><a href="">abc</a></li>
    <li><a href="">def</a></li>
    <li><a href="">ghi</a></li>
</ul>

这就是它的样子：

我希望箭头正好位于锚点之后，但我不能使用：after（这很好，但与锚点文本一起悬停）

---

感谢

这是因为箭头后面出现的元素，即锚定标记，被样式化为

显示：块

——一个属性，它本身会将后续内容推送到新行。如果稍微修改一下不会有问题，可以将样式替换为：

#navi li a {
    display: inline-block;
}

它允许箭头显示在同一行上。这里有一个例子来演示。希望这有帮助！如果你有任何问题，请告诉我

编辑：或者，您可以对锚定标记应用浮动。例如：

#navi li a {
    float:left;
}

---

这使您可以保留块显示，但也允许箭头显示在同一行上。

解决此问题的简单方法是：

#navi li a:after {
    content: " \25B6";
}

---

请注意，我在后面添加了内容，并在内容中添加了一个空格。希望有帮助

我本应该采取的方法，除了在问题的末尾，他指出“我希望箭头紧跟在锚点之后，但我不能使用：after（这很好，但会与锚点文本一起悬停）”。我错过了。。我的下一个方法是你的左漂。非常感谢。这正是我想要的。简单，工作起来很有魅力。

#navi li a:after {
    content: " \25B6";
}