Аналог white-space: nowrap и max-width, что посоветуете?

Question

[TitNIk]

Делаю обычное выпадающее меню, но есть проблема, ранее всегда использовал white-space: nowrap, чтобы ширина не была привязана к ширине родителя, но столкнулся с проблемой. В данном случае пункты слишком длинные, логично, пробовал применить max-width, но, текст вылазит за пределы блока (снова - логично). Может кто подскажет, мб есть какое нормальное решение на чистом css? Не хотелось бы для такой тривиальной (относительно) задачи использовать JS для установки width.

Answer 1

[Sanches]

Вот меню с max-width (вариант 2): https://codepen.io/abnmt/pen/MVpjjr
Ничего не вылазит, длинный текст переносится.