css menu inline-block не работает

Question

У меня есть меню css, над которым я работаю. Я пытаюсь получить элементы меню в строке, однако они всегда отображаются вертикально. Я попытался поставить display:inline-block на все элементы, и он по-прежнему не хочет идти в очередь. Какие-либо предложения? Код здесь: http://jsfiddle.net/3aShL/

Answer 1

<li> s являются элементами уровня блока, так только потому, что <a> это, по-прежнему означает, что с каждым <li> вы получите новую строку.

http://jsfiddle.net/3aShL/1/

display: inline; 

На .nav-collapse_ .nav > li будет исправить.

Answer 2

Просто добавьте в CSS

li 
{ 
display:inline; 
} 

дисплей: встроенный; - По умолчанию элементы li являются блочными элементами. Здесь мы удалить разрывы строк до и после каждого элемента списка, чтобы отобразить их на одной линии

Demo fiddle