Html 无法获取：之后与菜单项文本内联显示

我试图简单地使用伪选择器：after在顶级菜单项旁边添加一个>下拉指示符

下面是一个JSFIDLE，它显示了两个示例，上面的示例不起作用，下面是一个简化版本，说明了它应该如何工作：

HTML有点混乱，它是从WordPress中的自定义walker类生成的，每个子菜单在项目中都有自定义嵌套的布局和样式-但是，在我的CSS中有一些东西阻止：after伪选择器正确运行，并将>标记内联到文本的右侧

下面是用于向两个菜单添加标记的伪选择器（可以在JSFIDLE底部的CSS中找到）

---

如果你不介意夏洛克·福尔摩斯的时刻，我将不胜感激——我还没有找到它。

这是因为

标签中有一个div。div是

显示：块：after

元素推到下一行

在css中添加以下内容：

.name{display:inline；}

---

在工作示例中，

：after

和文本（不是div）都在

中，因此位于同一行。

劳拉，谢谢，这非常有效（而且，在让我接受答案之前3分钟你回答了问题：）太棒了！哈哈，如果你能在它允许你的时候打勾，那就太好了：）

nav ul li.master > a:after {
  content: " >";
  width: 10px;
  height: 5px;
}