Никак не получается центрировать содержимое меню.

Курилка / 2 марта 2015

Нужно чтоб содержимое меню выровнялось по центру:

Пробовал:

text-align: center;
и
margin: 0 auto

применял к блоку с меню, но почему то не срабатывает. Сайт: артмонумент-38.рф

Еще записи по теме

Комментариев: 2

Илья Земсков (эксперт по MaxSite CMS) | 2015-03-03 в 17:24:16
Во-первых, нужно убрать «float: left;» и добавить «display: inline-block;» отсюда :
```
ul.menu li {
    vertical-align: middle;
    position: relative;
    display: inline-block;
}
ul.menu {
    position: relative;
    z-index: 10;
}
```
Во-вторых, нужно прописать такой css-код:
```
.MainMenu .wrap {
    text-align: center;
    display: table;
    width: 100%;
}
```
При таких настройках у меня пункты меню встают по центру на вашем сайте.
Дмитрий (lider30) | 2015-03-07 в 15:16:16

Огромное спасибо Илья - всё сработало!

Плагин friendly_urls - настраиваемые ЧПУ