我有html:

<ul>
    <li><span>text</span><span>to right</span></li>
        <li><span>text2 text2 text2 </span><span>to right</span></li>
        <li><span>text3</span><span>to right</span></li>
        <li><span>text4</span><span>to right</span></li>
        <li><span>text5text5text5</span><span>to right</span></li>
</ul>


和CSS:

ul li {
    width: 300px;
    background-color: #ff9999;
}


我想使li中所有第二个跨度的文本都向右对齐,但是我无法修改html结构。我只能添加类或ID。可以仅使用CSS制作吗?

jsfiddle

最佳答案

您可以改为浮动它们:

ul li span+span {
    float: right;
}


http://jsfiddle.net/ePcDq/1/

关于html - 文字仅与UL LI中的CSS对齐,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19058914/

10-11 23:30
查看更多