Horizontale Liste soll ganzen Raum nutzen

[Gubino]

Also ich hab ein horizontales, mittiges listenmenü. jetzt will ich aber, dass die abstände zwischen den <li>´s größer sind - allerdings nur innen.
also nich vor dem erstem element und nicht nach dem letzten. im notfall würd es auch mit fixen "spacern" gehen, muss keine "auto" größe sein.
habs leider nicht geschafft irgendwas mit ner bestimmten klasse "dazwischen zu schieben"
wär dankbar für anregungen...

hier noch der code:

  	<div id="navigation" align="center">
	<ul>
		<li><a href="/" name="eins">eins</a></li>
		<li><a href="/" name="eins">zwei</a></li>
		<li><a href="/" name="eins">drei</a></li>
		<li><a href="/" name="eins">vier</a></li>
	</ul>
	</div>

#navigation ul {
background-color: white;
margin-top:0px;
padding:3px;}
				  
#navigation ul li {
display: inline;}
text-decoration: none;}

[satre]

Du willst also, dass sich die Listenpunkte gleichmäßig über den verfügbaren Raum verteilen?

Bei vier Punkten, böten sich Prozentangaben an:

#navigation ul {
background-color: white;
margin-top:0px;
padding:3px;
}
				  
#navigation ul li {
float: left;
text-align:center;
list-style-type:none;
width:25%;
}

Die Zentrierung des Div-Containers kannst du auch über CSS erreichen:

<div id="navigation" style="margin:0 auto;">

[Gubino]

hehe ich wär soo glücklich wenn das klappen würde, aber die liste bleibt scheinbar unbeeindruckt durch höhen- sowie breitenangaben. habs im #navigation ul li sowie im #navigation ul li a probiert, beides erfolglos.
könnte das auf irgendein floating problem zurückzuführen sein?

[Gubino]

habs geschafft, danke für deine mühe
die lösung war folgende:

#navigation ul li {
display:inline}

#navigation ul li a {
float:left;
display:block;
width:25%;}