Выровнять DIV по верхнему краю

Question

[vgrayster]

Обычно я как-то сам справляюсь, но тут уже час сижу не могу сообразить как решить проблемку

Есть код
Line 1

Line2

RightLine



Сейчас строка Right line выводится напротив строки Line2,
а как сделать чтобы плавающий div был «прилеплен» к вернхнему краю и содержимое этого дива выводилось напротив строки Line1?

Comments

[vgrayster]

Парсер скушал код
pastebin.com/1DjDTm7B

Answer 1

[mrspd]

Поставить RightLine вначало и сделать ему float: right

Answer 2

[mark_ablov]

Обернуть Line1/Line2 в див float: left?

Answer 3

[Desiderata]

Пожалуй перенести блок RightLine в начало будет самым правильным решением.
На случае если задачу необходимо решить на чистом CSS:

<div style="width:300px;position:relative;">
Line 1

Line2

<div style="position:absolute;top:0;right:0;"> RightLine </div>
</div>

Comments

[tick]

Если Line 1 будет достаточно длинной, то она заедет на блок с RightLine.

Я немножко поигрался с :before, вот пример
jsfiddle.net/zD2d9/1/
Пока RightLine не разъезжается на две строки, то всё ОК.

А по хорошему надо конечно блок RightLine ставить в начале, тогда не надо извращаться.