HTML Come Centrare Un Elenco Puntato

Gli elenchi puntati sono sempre allineati a sinistra, per averli centrati basta usare il seguente codice:

 <h2 align=center >How To Center a List</h2>
 <div style="text-align: center;" >
  <ul style="display: inline-block;  text-align: left;"> 
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
  </ul>
 </div>

il risultato e' questo:

How To Center a List

  • Coffee
  • Tea
  • Coca Cola