Горизонтальное центрирование, не затрагивающее ребенка

Question

У меня проблема с моим website, где я пытаюсь центрировать меню. Обычно я добавляю отображение: inline-block к, но это не работает в этом случае, потому что оно разрушает макет выпадающего списка. Как еще я могу сосредоточиться на нем, не разрушая выпадающий список?

Answer 1

Одно из возможных решений дают вашему СЧ <ul> шириной и затем margin слева и справа от auto

CSS:

#nav_custom { 
    //your current styles 
    width: 430px; // could be 40% also 
    margin: 0 auto; 
} 

EDIT я заметил тот же вопрос с раскрывающимся слишком , В этом случае вам придется играть в некоторые игры CSS, чтобы заставить его работать именно так, как вы хотели.

CSS:

.level1 { 
    width:100%; 
    position: absolute; 
    left: 0px; 
} 

.navbar-nav { 
    // position: relative; <- remove this entry 
} 

.container { 
    position: relative; 
} 

Мы делаем последние относительные родительский контейнер DIV, который является полной шириной навигационной панели. Это позволяет установить width сбрасывания вниз до 100% и поместить его влево.