Align DIV to top

Question

css

I usually manage somehow on my own, but I've been sitting here for an hour now and I can't figure out how to solve the problem.

There is a code Now the Right line is displayed opposite the Line2 line, but how to make the floating div "stick" to the top edge and the contents of this div are displayed opposite the line Line1?
Line 1

Line2

RightLine



Answer 1

Put RightLine first and make it float: right

Answer 2

Wrap Line1/Line2 in float: left div?

Answer 3

Perhaps moving the RightLine block to the beginning would be the most correct solution.
In case the problem needs to be solved in pure CSS:

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

Line2

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