如何设置"内容"在a:元素内联文本后

时间:2014-06-01 16:37:32

标签: html css pseudo-element css-content

我的菜单中有一个li-tag:

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

然后我要添加“>”在menupoints之后,它看起来像“Home>”或“文章>”。

这是我的:之后:

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

但是“>”总是在下一行。是否可以在menupoint之后直接在行中设置它?

1 个答案:

答案 0 :(得分:1)

默认情况下,生成的内容已经内嵌。您不需要以下任何属性:

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