html - 文本仅与 UL LI 中的 CSS 右对齐

Question

我有 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

Answer 1

您可以改为 float 它们:

ul li span+span {
    float: right;
} 

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