Así que tengo el siguiente CSS en su lugar para mostrar una barra de navegación horizontal usando:

<code>.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation li {
  float: left;
  margin: 0 1.15em;
  /*    margin: 0 auto;*/
}

.navigation {
  /*    width: auto;*/
  /*    margin: 0 auto;*/
  text-align: center;
}
</code>

Mi pregunta es: ¿cómo puedo alinear la barra de navegación centralmente sobre el título?