Bottom-right div

[gehrehmee]

I'm trying to get a div to align itself to the bottom-right corner of its parent, but it's proving excessively difficult.

Want I would ideally have:
http://bg.rifetech.com/mockup.png

What I've tried:
http://bg.rifetech.com/test.html
http://bg.rifetech.com/test2.html
http://bg.rifetech.com/test3.html

Nothing seems to get the text wrapping around the yellow boxed div while aligning it to the bottom-right corner.

Any suggestions would be greatly appreaciated.

[Buddy Bradley]

I don't think that's possible - you're trying to float the element to the bottom of its container, but floats will always move up as far as they can.

The nearest you could get would be to absolutely position it using "bottom: 0; right: 0" and then apply a right margin to the text; but then you would have space above the DIV.