Karsten: LI mittig ausrichten, Felder gleichgross

Beitrag lesen

Ich möchte mein Menü so gestalten, dass es in der Mitte der Seite ist und sich der Größe des Browsers anpasst. Dann würde ich gerne das meine einzelnen Menüpunkte, gleich Groß sind und sich auch der UL breite anpassen. Also in meinem Beispiel so ca. jedes 20%.

und irgendwie sollte die untere Borderzeile unter dem UL stehen und nicht oben?

ul{  
border-top: 1px solid #000;  
border-bottom: 1px solid #000;  
list-style: no;  
padding:0;  
  
}  
li{  
float:left;  
margin-right:1%;  
padding:5px 0 5px 0;  
color:#fff;  
background:#000;  
}  
li:first-child{margin-right:0}

<ul>
<li>das ist etwas</li>
<li>klein</li>
<li>ganz schön lang</li>
<li>klein</li>
<li>das ist etwas ganz langes hier</li>
</ul>

http://dabblet.com/gist/c4dcea5d399fc70c16b8