Cómo centrar listas

Aprende cómo usar CSS para centrar listas.

lista centrada

colocar <ul> elementos envueltos en un elemento contenedor, por ejemplo <div>：

<div class="container">
  <ul class="myUL">
    <li>Café</li>
    <li>Té</li>
    <li>Refresco</li>
  </ul>
</div>

colocar <div> elementos centrados, y luego <ul> cambio de visualización a inline-block。

o, también puede alinear los elementos de la lista a la izquierda para obtener una vista más ordenada:

div.container {
  alineación: centro;
{}
ul.myUL {
  mostrar: inline-block;
  alineación: izquierda;
{}