Html 如何设置；内容“；在与文本内联的：after元素上

我的菜单中有一个li标签：

nav ul li ul.firstmenu li.secondtothree{
float: none;
border-bottom: 1px solid #DCDCDA;
padding:3px;
text-transform:none;
}

然后我想在菜单点后添加“>”，这样它看起来像“Home>”或“Article>”

这是我的：之后：

nav ul li ul.firstmenu li.secondtothree:after{
    content: ">";
    font-size: 15px;
    text-align: right;
    display: inline-block;
    width:100%;
    right:0px;
}

---

但是“>”总是在下一行。可以直接在菜单点后的行中设置吗？

默认情况下，生成的内容已内联放置。您不需要以下任何属性：

text-align: right;
display: inline-block;
width:100%;
right:0px;

---

看起来这是因为

宽度：100%

，您应该设置

边距

，以便在主文本和

之间留出一些空间：

的内容之后。设置边距=0没有效果，不幸的是，您通常不需要

宽度：100%

，然后你可能需要

边距
在正文和内容之间留出一些空间，否则它们会彼此靠近，因此外观不好。我不是说你必须用
边距
来解决你的问题，只是需要让它看起来更好看。你有没有提示我可以做些什么来让“内容”放在应该放的地方？@Zwen2012:你说的“应该放在哪里”是什么意思？因为您使用的是
：在
之后，内容应该直接放在文本之后-这正是它应该放在的位置（一旦您删除了所有不必要的属性）。它在下一行！像这样->“Home
>”但它应该是“Home>”