How to force elements to stay in the same row

Question

Hi I have a following css :

div.container {
 height:20px;
 overflow: hidden;
 margin: 15px 0px;
 padding:5px 10px 5px 10px;
 white-space: nowrap;  
}

div.conten         


        

Answer 1

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

Answer 2

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