Como alinhar centralmente um float: left ul / li menu de navegação com css?

Então, eu tenho o CSS a seguir para exibir uma barra de navegação 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>

Minha pergunta é: como eu alinho a barra de navegação centralmente acima do título?

questionAnswers(10)

yourAnswerToTheQuestion