Методы сжатия навигационных ссылок или исправления занимаемого ими пространства, чтобы они не выглядели странно

Question

Это проблема, с которой я часто сталкиваюсь:

Учитывая некоторые горизонтальные навигационные ссылки, какие есть способы, чтобы ссылки не сжимались вместе, так что они будут перемещаться вверх или вниз на две строки?

Я думал, что будет просто установить минимальную ширину для контейнера этих навигационных ссылок (например, установить ul или для контейнера div для ul в min-width: 500px), но, как показывает пример, это не довольно. Мне кажется, что я просто упускаю что-то простое, но это неизвестное неизвестное.

Редактировать: Я удалил поле для элементов li, и оно, наконец, перестало переноситься на две строки. Я до сих пор не понимаю, почему добавленное заполнение вызывало перенос, а не просто увеличивало ширину содержащихся элементов.

Итак, какие у вас, ребята, методы, чтобы заставить навигационные ссылки оставаться в горизонтальной полосе?

Вот jsfiddle с примерно текущим примером, с которым я работаю: http://jsfiddle.net/tchalvakspam/nE8yU/5/

Answer 1

Вы хотите, чтобы они были видны? Один из вариантов, если вы не хотите, чтобы они переносились, - просто не показывать их. Если вы хотите сделать это, это будет работать:

#admin-header {
    overflow: hidden;
    white-space: nowrap;  
}