Question

Here is my UI design

<div>
    <ul>
         <li>
             <a></a>
         </li>
    </ul>
</div>

I want to create a menu.
The text for the anchor will be set on run time and can be of any length but I don’t want text to be wrapped. any idea how can I solve this.

Answer 1

To prevent text from wrapping using a CSS rule, use the following:

ul li a {
    white-space: nowrap;
}