Ciao a tutti
dovrei organizzare un menu e un sottomenu orizzontale all'interno di un box centrato nella pagina in modo che tutte le voci del primo menu e le voci del sottomenu si distribuiscano all'interno del box come quando si ha del testo giustificato:
prima voce allineata a sinistra e ultima voce allineata a destra mentre le altre si distribuiscono in mezzo mantenendo una certa distanza.

ecco il mio codice:

body {
margin:0;
padding:0;
}

#center {
margin-left:auto;
margin-right:auto;
text-align:center;
width:500px;
height:100px;
}

.topmenu0{
margin:0;
padding:0;
position:relative;
background-color:#0099FF
}

.topmenu0 li{
display:inline;
text-align:justify
}

.topmenu0 a{
padding: 0.3em 15px;
height:0;
margin:0;
text-decoration:none;
white-space:nowrap;
}


.topmenu0 ul{
position:absolute;
left:0;
top:1.9em;
width:100%;
background-color:#FFCCFF
}





<div id="center">
<ul class="topmenu0">
<li class="topmenu">voce1
<li class="topmenu">voce2
<li class="topmenu">voce3
<li id="active" class="topmenu active">voce4
<ul id="menu_topmenu1" class="topmenu1">
<li id="137_menuitem_274" class="topmenu">sottovoce1
<li id="137_menuitem_275" class="topmenu">sottovoce2
<li id="137_menuitem_276" class="topmenu">sottovoce3
<li id="137_menuitem_277" class="topmenu">sottovoce4
[/list]

<li id="137_menuitem_271" class="topmenu">voce5
<li id="137_menuitem_272" class="topmenu">voce6[/list]
</div>