适当的导航菜单方法？

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。