适当的导航菜单方法？

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

仅使用float：<ul> ....中的左侧，右侧，<li>中的内联显示将顺利运行... ＆安培;有关详细信息，请参阅示例：http://jsfiddle.net/uM6CM/