Float div's to the right in left-to-right order?

Question

I have multiple div\'s I want to display in a horizontal row. Normally, the way I\'d do this is to simply float them to the right and put them in the markup in reverse order

Answer 1

Using display:inline-block might not work as expected with elements of variable height.

So you might want to use:

      
Left
      
Middle
      
Right

See: demo of both -- inline and float-float.