How to save inline items from packaging?

Question

I have menu items that look like

<ul>
  <li>Item1<span class="context-trigger"></span></li>
  <li>Item2<span class="context-trigger"></span></li>
  <li>Item3<span class="context-trigger"></span></li>
</ul>

with CSS, which turns this into a horizontal menu, and JS turns [spanans] into buttons that bring up context menus. Vaguely like this:

Item1 ^ Item2 ^ Item3 ^

If the menu gets too wide for the width of the browser, it wraps up what I want. The problem is that sometimes it is placed in line breaks before [spanans]. I just want it to break between [li] s. Any ideas?

Answer 1

try using

white-space: nowrap;

in the CSS definition of your context-trigger class.

: , patmortech , nowrap , " ". , LI , , span - li. , SPAN css LI.

Answer 2

, ( context-trigger ):

li { white-space:nowrap; }

Answer 3

If you are floating elements <li>, you should get the desired effect.