Правый выровненный элемент списка

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; 
}