Как сделать элементы списка li по середине в ul

HTML:
<ul id="menu-hor">
<li class="mh-element"><a href="">Каталог продукции</a> | </li>
<li class="mh-element"><a href="">О компании</a> | </li>
<li class="mh-element"><a href="">Контакты</a> | </li>
</ul>

CSS:
#menu-hor {
height: 88px;
text-align: center;
width: 960px;
}
#menu-hor li {float:left;}

Как сделать так, что бы элементы LI в блоке UL (шириной 960px) отображались по середине?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.