How to centrally align a float: left ul/li navigation menu with css?

Question

So I have the following CSS in place to display a horizontal navigation bar using:

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.naviga         


        

Answer 1

If you want to keep using your floated LI in your code, you can use this:

JSFiddle: https://jsfiddle.net/Lvujttw3/

    
 
        
   
            
ITEM ONE
            
ITEM TWO
            
ITEM THREE