How can I avoid line breaks in an inline element?

Issue

I am building a menu with horizontal main entries. Below each of the corresponding submenu titles are displayed vertically. Now, some longer menu titles are wrapped over several lines. Actually, the "sub" UL is just as wide as the longest single word in a submenu and all others are wrapped accordingly. I have given no width for the UL nor the LI (neither main nor sub menu).

My question is, how can I avoid breaking lines? Probably I could substitute each space with   (no-space character), but is there a different way to achieve this?

Solution

Have you tried styling the li with

white-space: nowrap

?

Answered By - Eifion