title: How do I get a div to float to the bottom of its container?
body: <p>I have floated images and inset boxes at the top of a container using <code>float:right</code> (or <code>left</code>) many times. Now, I need to float a <code>div</code> to the bottom right corner of another <code>div</code> with the normal text wrap that you get with <code>float</code> (text wrapped above and to the left only).</p>
  <p>I thought this must be relatively easy even though <code>float</code> has no <code>bottom</code> value but I haven't been able to do it using a number of techniques and searching the web hasn't come up with anything other than using absolute positioning but this doesn't give the correct word wrap behaviour.</p>
  <p>I had thought this would be a very common design but apparently it isn't. If nobody has a suggestion I'll have to break my text up into separate boxes and align the <code>div</code> manually but that is rather precarious and I'd hate to have to do it on every page that needs it.</p>