html - How to set "content" on an :after element inline with the text -
i have li-tag in menu:
nav ul li ul.firstmenu li.secondtothree{ float: none; border-bottom: 1px solid #dcdcda; padding:3px; text-transform:none; }
then want add ">" after menupoints, looks "home >" or "article >".
this :after:
nav ul li ul.firstmenu li.secondtothree:after{ content: ">"; font-size: 15px; text-align: right; display: inline-block; width:100%; right:0px; }
but ">" in next row. possible set directly in line after menupoint?
generated content placed inline default. don't need of these properties:
text-align: right; display: inline-block; width:100%; right:0px;
Comments
Post a Comment