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

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

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

Пробовал:

text-align: center;
и
margin: 0 auto

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

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

Во-первых, нужно убрать «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%;
}

При таких настройках у меня пункты меню встают по центру на вашем сайте.