Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><a href="http://jsfiddle.net/j6Gut/" rel="nofollow">I set up your code on a JS Fiddle</a> to try and understand the issues a bit better.</p> <p>A few things:</p> <ul> <li>Your HTML code is missing an opening <code>&lt;li&gt;</code> tag, which might be breaking things.</li> <li>For me the behaviour looks exactly the same on Firefox (14) and Chrome (18). For the whitespace wrapping things you're asking about, even IE9 seems to be working.</li> <li>Without the accompanying Javascript, I'm not sure exactly how you want this to accordian to function. </li> </ul> <p>The <code>white-space:nowrap</code> style rule is intended to prevent <em>text</em> from wrapping (See <a href="http://www.w3schools.com/cssref/pr_text_white-space.asp" rel="nofollow">here</a>), (and it does this successfully in the Fiddle I linked to), but it does nothing to prevent elements from wrapping.</p> <p>Perhaps what you want is to remove</p> <pre><code>whitespace: nowrap </code></pre> <p>and use one of these:</p> <pre><code>overflow-x: visible; /* shows all items even if the area is too small */ overflow-x: scroll; /* Will always show a scrollbar */ overflow-x: auto; /* Will only show a scrollbar when the content doesn't fit */ overflow-x: hidden; /* Content will just drop off the end of the page */ </code></pre> <p>I hope this helps you. It would be good if you could clarify exactly what it is you're hoping for. On the JSFiddle you can change things around, update it and post a link if it will help us see exactly what it is you're looking for.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload