適當的導航菜單方法？

Question

我發現的所有CSS導航菜單教程都使用float：left將菜單對齊到網頁的左側，所以當我嘗試使用float：right來右對齊菜單時，菜單'位置顛倒，例如：

The original menu (left-floated): 
|Food | For | Life 

The menu that I wanted to right-align (right-floated): 
|Life | For | Food 

那麼，什麼是創造，而不會導致被逆轉的菜單導航菜單的正確方法？

Answer 1

在HTML中反轉它們的順序。

或將<ul>容器向右和<li>浮動到其左側的菜單項。

Answer 2

只使用浮動：左，右在<ul> ....在<li>顯示在線，將工作順利... &進一步的細節參見例子：http://jsfiddle.net/uM6CM/

Answer 3

1. 使用文本對齊： 對;到您的導航或UL
2. 設置顯示行內塊;給你的李。
3. 不使用浮動。
4. 對於IE6和IE7顯示行內塊將不起作用，您可以使用display：inline和zoom：1僅適用於IE6和IE7。