Кроссбраузерный способ обернуть элемент <li>вокруг содержимого?

Question

У меня проблемы с выпадающим меню на странице http://grantkot.com/new. Если вы наведете указатель мыши на элементы, которым назначено раскрывающееся меню, вы увидите, что некоторые элементы в раскрывающемся меню часто занимают более 1 строки и имеют разную ширину.

Я бы хотел изменить размер всех <li> раскрывающегося меню, чтобы ни один из них не перешел на новую строку, а все <li> не изменились по ширине, и шаги не отобразились.

Как это можно сделать?

Answer 1

.menu li li a { white-space: pre; }

Answer 2

Вы можете задать им фиксированную высоту, в противном случае они будут меняться в соответствии с их содержимым. Либо вы изменяете размер содержимого, чтобы он поместился в одну строку, либо вы изменяете размер <li>, что приведет к тому, что пользователи с однострочным контекстом чтобы вокруг них было больше места ...