In html/css it is trivial to use the float style to line up the top of an inset with the top of a block but to my surprise it appears impossible to line up the bottom of the.
To avoid this, use the clear property or the clearfix hack (see example at the bottom of this Let the first letter of a paragraph float to the left and style the letter .
Use float right to make the bottom div float right (duh). Bottom float right style type="text/css"> #wrap.
The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it.