Html 正确的导航菜单方法？

我找到的所有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

---

那么，创建导航菜单的正确方法是什么，而不会导致菜单被颠倒？

颠倒它们在HTML中的顺序

---

或者将

容器向右浮动，将

菜单项向左浮动。
仅使用浮动：在
中的左、右……在
中显示内联，这样可以顺利工作。。。
&有关更多详细信息，请参见示例：

使用文本对齐：右对齐；到您的导航或UL
设置显示内联块；给你的李
不要使用浮动
对于IE6和IE7，“显示内联块”将不起作用，您可以仅对IE6和IE7使用“显示：内联”和“缩放：1”