vraag over uitlijning css menu

[rodeto]

Weet iemand hoe ik het css-menu zo kan aanpassen dat alle opties worden uitgelijnd over de hele breedte van de pagina (justify text)? Ik krijg het niet voor elkaar, wat ik ook probeer.

[rvdv]

In je CSS gebruik je:

text-align: justify;

Dat is alles . Maar ik dacht dat je hier wel een vaste breedte voor in moet stellen.

[rodeto]

nee, werkt niet. Wat ik wil zijn al die verschillende list-items uitlijnen over de hele breedte en dat gebeurt niet, ook niet met deze justify code.

[rodeto]

Dit is de code die gebruikt wordt in de pagina voor het menu.

Code: Select all

<div id="menu_vert">
  <h2 class="accessibility">Navigation</h2>
  <div id="menuwrapper">
    <ul id="primary-nav">
      <li class="menuactive"><a class="menuactive" style="color: #B5B6D2"
href="http://www.domainname.nl/" accesskey="1" ><dfn>1: </dfn>Home</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/overonsi.php" ><dfn>2: </dfn>Over Ons</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/expertise.php" ><dfn>3: </dfn>Expertise</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/sectoren-projecten.php" ><dfn>4: </dfn>Sectoren</a> </li>
      <li><a 
href="http://www.domainname.nl/projecten.php" ><dfn>5: </dfn>Projecten</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/carriere.php" ><dfn>6: </dfn>Carrière</a> </li>
      <li class="menuparent"><a class="menuparent" 
href="http://www.domainname.nl/publicaties.php" ><dfn>7: </dfn>Publicaties</a> </li>
    </ul>
    <div class="clearb"></div>
  </div>
  <hr class="accessibility" />
</div>
<div class="clearb"></div>

Wat moet ik doen om er voor te zorgen dat dit menu over de gehele breedte van de menuwrapper wordt uitgelijnd ? Ik ben hier nu al dagen mee bezig maar het lukt mij niet.