выровнять относительно css

<li><a href="#">About war</a></li>

<li><a href="#">Contacts</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">About company</a></li>

<li><a href="#">Home page</a></li>

Имеем навигацию в виде списка (< >) на сайте (например главное меню), состоящую из заранее неизвестного количества элементов (< >). Нужно это меню выровнять по середине, относительно родителя:

Выравнивание навигации по середине

Выравнивание навигации по середине