Lista orizzontale centrata con i CSS

Dopo vari tentativi e guide seguite sono riuscito finalmente ad ottenere quello che volevo: una lista orizzontale centrata dentro a un div.

Cominciamo dall'HTML:

<div id="menu-ita">
<ul>
<li><a href="index.php?lang=it">Home</a></li>
<li><a href="storia.php?lang=it">Storia</a></li>
<li><a href="collezioni.php?lang=it">Collezioni</a></li>
<li><a href="pv.php?lang=it">Punti vendita</a></li>
<li><a href="contatti.php?lang=it">Contatti</a></li>
<li><a href="contatti.php?lang=it">Registrati</a></li>
<li><a href="backstage.php?lang=it">Backstage</a></li>
</ul>

</div>

L'esempio ve lo prendo direttamente da un sito che mi è stato commissionato e che sta per essere messo online.

Come vedete ho un div con dentro una lista non ordinata; ogni voce della lista è un link.

In sostanza è un classico menu orizzontale.