html - 无序元素中的右浮动列表元素

Question

我需要将列表元素向右浮动..在下面的示例中，我需要将元素 SECOND 和 THIRD 向右浮动...

HTML

<ul id="ulelem">
    <li> First</li>
    <li> Second</li>
    <li> Third</li>
</ul 

CSS

#ulelem{
    background-color:green;
}
#ulelem >li{
    display:inline-block
}

fiddle :

Fiddle Example

Answer 1

您可以给它们一个类名并将它们 float 到右边:

<ul id="ulelem">
    <li> First</li>
    <li class="right"> Second</li>
    <li class="right"> Third</li>
</ul>

CSS:

.right {
    float: right;
}

但是你需要调换 Second 和 Third，否则它们的顺序会错误。