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

You could apply a text-align: right to the container and a display: inline-block in place of the floating:

  
Left
  
Middle
  
Right

DEMO