加号登录UL项目符号列表？

Question

我需要一个项目符号列表才能在页面中生成一些标签。 这是我目前正在处理的页面：

http://citydev.pipehosting.it/francia-en-it/parigi-it/torre-eiffel.html

我需要在其中一个选项卡（均为<li>元素）之一中写“ + Info”，但改为显示为“ Info +”（如访问链接所示）。

我的HTML清单：

<ul class="tabs"> 
    <li class="current"><strong>Prodotto</strong></li> 
    <li>Cosa include</li>
    <li>In evidenza</li> 
    <li>Come funziona</li> 
    <li>Consegna</li>
    <li>+Info</li> 
    <li>Video</li> 
</ul>

Answer 1

您可以尝试如下操作：

ul li:before { 
    content: "+"; 
    position: absolute; 
    left: -5px;
}
ul li { 
    text-indent: -5px; 
}

有关更多信息，请检查W3C上的列表样式类型 。

样本演示

Answer 2

这是因为选项卡列表中文本的方向设置为right to left 。 要解决此问题，请修改css以left to right覆盖此声明：

.tabs li {
    direction: ltr;
}

或删除direction: rtl; 从ul.tabs上设置的位置ul.tabs 。