Cómo centrar un ul con HTML y CSS

Centrar una lista puede no ser fácil, ya que una cosa es centrar el texto, y otra centrar la lista.

Con el siguiente código css podremos centrar una lista:

.list{
    text-align: left;
    display:inline-block;
}

Puedes encontrar más información sobre la propiedad display en https://www.w3schools.com/csSref/pr_class_display.asp
Ver ejemplo en funcionamiento