http://jsfiddle.net/anxR5/1/
When adding the float: right property to the second block, it is shifted down to the height of the first block. It is interesting to know why this is happening?

    2 answers 2

    Due to the fact that at first there is a block element, which occupies 100% of the width, and the next "floating" element is displayed where it should, from the "new line"

    Swap them

      http://jsfiddle.net/anxR5/3/ here. just add float: left; to the first element