浮动第二个li元素

Question

如果我有以下

<ul class="Tabs_control">
    <li class="boom">
    <li class="boom">
</ul>

如何将第二个li元素浮动到左边？

Answer 1

nth-child(2)应该这样做：

.Tabs_control li.boom:nth-child(2) {
    float: left;
}

Answer 2

Html

 <ul class="Tabs_control">
        <li class="boom"> Item 1 </li>
            <li class="boom">Item 2 </li>
</ul>

<强> CSS

.boom {
    display:inline;
    float:left;
    padding:10px;
}

的 Working Fiddle