Menu zentrieren

[Ein Fragesteller]

Hallo liebe Selfhtml-Gemeinde

Habe von der Dokumentation folgendes Menubeispiel übernommen...

<http://de.selfhtml.org/css/layouts/anzeige/nav_float.htm@title=Horizontal Menu>

Nun wollte ich das meine Menupunkte mittig ausgerichtet werden... leider erfolglos...

Hier der entsprechende Html-Ausschnitt:

  
<nav id="navigation">  
				<ul>  
					<li>  
						<a href="#">Menu 1</a>  
					</li>  
					<li>  
						<a href="#">Menu 2</a>  
					</li>  
					<li>  
						<a href="#">Menu 3</a>  
					</li>  
				</ul>  
			</nav>  

Und hier die passende CSS-Datei:

  
#navigation ul li a  
{  
text-decoration: none;  
display: block;  
background: yellow; /*Zum testen*/  
width: 29.1%; /*Test*/  
float: left;  
border: black solid 2px; /*Prozentual funkt. nicht...*/  
text-align: center;  
margin: 2px;  
padding: 2px;  
}  
#navigation ul li  
{  
display: inline;  
}  

Wer hat eine Lösung?

Vielen Dank!

Grüsse ein Fragesteller

[ChrisB]

Hi,

Wer hat eine Lösung?

Liste als inline-block darstellen und über text-align eines Vorfahrenelementes zentrieren.

MfG ChrisB