designaweb - 8:34 pm on Nov 9, 2010 (gmt 0)

Hi,

Got a question.

I've got:

<li>
<div class="one">...</div>
<div class="two">...</div>
<span class="three">...</span>
<span class="four">...</span>
</li>

All elements within the <li> are set to "float: left". It all works fine, until the 4 elements total width exceed the width of the <li>.

What I need is to prevent wrapping(?) Right now the 4th element (<span class="four">) is shown below the other 3 elements. I don't care if the full contents of this element are shown, so I tried the following:

li {
white-space: nowrap;
overflow-x: hidden;
}

However, this does not make the last element appear next to the other three, it just stays where it is...

Any ideas?