Question

I am trying to work with the layout of my web application. It’s not going that well…

You can see my example here at Fiddle: code

As you can see the elements appears in the reverse order compared to the divs in the html-code.

I don’t have control over the content of the wrapping “top”-class, it is generated by a third party plug-in (DataTables). Hence, I can not add any “< br />”-tag. However, I can work with the classes in my css-file, the most (if not all) elements have some class.

I would like the order of the elements to be presented in a “correct” order and the drop-down box on a new line. The three buttons should still be on the right side though.

How do I fix this?

Answer 1

Is this what you want?

http://jsfiddle.net/2DdFJ/13/

Float right causes your first element in the same level to go right, then second element to the left of the rightmost etc, which was why you have a reversed elements