All of the css nav menu tutorial I found are using float:left to align the menus to the left side of a web page, so when I try to use float:right in order to right-align the menus, the menus’ positions reversed, for example:
The original menu (left-floated):
|Food | For | Life
The menu that I wanted to right-align (right-floated):
|Life | For | Food
So, what is the proper way to create the nav menu without the menu resulting in being reversed?
Reverse their order in the HTML.
Or float the
<ul>container to the right and the<li>menu items to the left within it.