右對齊列表項

Question

這可能是一個簡單的問題，但我很掙扎。我認爲這與漂浮物有關，但如果我可以清除漂浮物或左對齊剩餘物品，我會感到困惑。

如何讓「登錄」列表項目位於右側，其他所有坐在左側？

這是我的代碼：http://jsfiddle.net/spadez/kYfNB/21/

我的HTML是在這裏：

<div id="container"> 
    <div id="header" class="inner"> 
     <h1><a href="index.html">Admin</a></h1> 
     <ul> 
      <li><a href="jobs.html">Item</a></li> 
      <li><a href="sites.html">Item</a></li> 
      <li><a href="feeds.html">Item</a></li> 
      <li><a href="feeds.html">Login</a></li> 
     </ul> 
    </div> 
</div> 
<div id="content" class="inner"> 
    <h1>Add</h1> 
</div> 

Answer 1

由於登錄是最後一個項目，你可以使用:last-child最後li元素浮動到右側。

UPDATED EXAMPLE

#header ul li:last-child { 
    float: right; 
} 

然而，這將要求您卸下#header ul浮動。變化：

#header h1, #header ul, #header ul li { 
    float:left; 
} 

到：

#header h1, #header ul li { 
    float:left; 
}