これを行う方法/余分なdivなしで整列？

Question

私は、ページの幅の右側に揃えるために、その中に順序付けられていないリストを持つnavで構成されるナビゲーションバーを取得しようとしています。 NAV自体が幅全体に及ぶ必要があります（これはページ全体にわたる黒バーだ）が、自身がコンテンツの右側に整列されなければならないリンクがそうのように、幅：私が持っている

|          home | about | etc.    | 
|                   | 
|   This is content with a fixed with in the center    | 
|   of the page.             | 

HTML：

<nav> 
<ul id="navlist"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">about</a></li> 
    <li><a href="#">etc,</a></li> 
</ul> 
</nav> 

CSS：

nav { 
    display:block; 
    background:#000; 
} 

    nav ul { 
    margin: 0 auto; 
    width: 777px; 
    } 
    nav ul li { 
    float:left; 

    } 

しかし、もちろんのページの左側にだ、と私は、余分なdiv要素を追加することなく、右にそれを得るように見えることはできません...唯一の選択肢は浮かせることです<li>さんの右ですが、それは私のナビゲーションが逆の順序であることを意味し、私は本当にそれを望んでいません...それは、WordPressのインストールでページの自動生成されたリストですので、私はその後、バックエンドのものを変更しなければならないというのは、本当にデザインを扱う良い方法ではありません。

誰でも？

Answer 1

nav { 
    display:block; 
    background:#000; 
    text-align:right;  
} 

    nav ul { 
    margin: 0 auto; 
    width: 777px; 
    } 
    nav ul li { 
    display: inline; 

    }