Jak centralnie wyrównać float: lewe menu nawigacyjne ul / li z css?

Mam więc następujący CSS, aby wyświetlić poziomy pasek nawigacyjny za pomocą:

<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>

Moje pytanie brzmi: jak wyrównać pasek nawigacji centralnie nad tytułem?

questionAnswers(10)

yourAnswerToTheQuestion