html - How to set "content" on an :after element inline with the text

Question

I have an li-tag in my menu:

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

Then I want to add ">" after the menupoints, so that it looks like "Home >" or "Article >".

This is my :after:

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

But the ">" is always in the next row. Is it possible to set it directly in the line after the menupoint?

Answer 1

默认情况下，生成的内容已经内嵌。您不需要任何这些属性：

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