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.