How To Force Elements To Stay In The Same Row

Hi I have a following css : div.container { height:20px; overflow: hidden; margin: 15px 0px; padding:5px 10px 5px 10px; white-space: nowrap; } div.content{ width:100%; fl

Solution 1:

Remove the floats and add div.content { white-space: nowrap; } and see if that solves your problem.

Solution 2:

Remove float:left from <span> and <a>. This makes no sense. Those are already inline elements.