Почему не работает overflow: hidden?

Question

[overvolt]

Не могу нормально сверстать меню. Если добавляешь элемент меню, состоящий из длинного текста, то всё разъезжается на 2 строки, а надо чтобы не влазящий текст просто обрезался. И ещё, только при вставке на кодепен заметил: если убрать класс "header" из части css где выполняется сброс стилей, то тогда меню изначально разъезжается. Прошу помощи, промаялся уже 2 дня.
Разъезжается из-за длинного текста
Как должно быть

Answer 1

[Moskus]

Чтобы сработал хоть какой-то overflow, должна быть ограничена ширина блока. А у вас только для всего контейнера она задана.
Ну и там, гхм, вообще бардак - какие-то float-ы непонятно зачем и так далее.

Comments

[overvolt]

А как без float-ов 2 списка рядом расположить? я второй список сделал для того, чтобы там по правому краю выравнивание было.

[Moskus]

overvolt: Выравнивание - например, абсолютным позиционированием блока части меню. Вариантов - много. Вам бы еще поучиться.

Answer 2

[Jason Marketson]

Добавь к классу user свойство {white-space: nowrap;} нечего переносится не будет
а что б заработал overflow: hidden; надо добавить к классу ".user .txt" вот эти свойства {
overflow: hidden;
text-overflow: ellipsis;
width: 50%;
}

Answer 3

[Глюкъ Виртуален]

Там все нормально. Не используйте слов, которых не бывает в языке.