[Løst] Hvordan spre horisontal liste gjevnt over full bredde?

[Beritaron]

La si jeg har en horisontal liste og jeg ønsker å spre jevnt utover hele bredden:

 

Går det an å tvinge li-elementene til å strekke seg til hver side, og gi dem like stort mellomrom mellom hver li-tag?

 

Eller gjøre slik at paddingen på a-tagene i li-elementene strekker seg til de toucher begge kantene?

Endret 6. mai 2012 av tamarin

[Beritaron]

Løst:

 

<ul id="nav">
   <li><a href="link.html">link</a></li>
   <li><a href="link.html">link</a></li>
   <li><a href="link.html">link</a></li>
   <li><a href="link.html">link</a></li>
   <li><a href="link.html">link</a></li>
   <li class="stretch"></li>
</ul>

 

#nav
{
list-style-type: none;
text-align: justify;
height: 21px;
background: #ccc
}
#nav li
{
display: inline
}
#nav .stretch {
display: inline-block;
width: 100%;

/* if you need IE6/7 support */
*display: inline;
zoom: 1
}

Endret 6. mai 2012 av tamarin