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

This one works great with me! (if I'm correct: IE7+)

Fiddle: http://jsfiddle.net/fourroses666/zj8sav9q/3/

.nav{list-style:none; text-align:center;}
.nav ul{list-style:none;}
.nav li{display:inline;}
.nav a{text-decoration:none; font-size:20px; line-height:20px; display:inline-block;}


  

    
Home
    
Menu
    
Onze producten
    
Impressie
    
Media
    
Contact