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:
What I've tried:
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.
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.