title: CSS help - How do I float a div in an upper right quadrant of another div sort of? I need to make an L shape
body: <p>I need to make some type of L shaped div I guess? I currently have two floating divs side by side that are the same width and height. I need to extend the left one down and around the right one. I need to maintain the current space between them, about 15px, so I would like the same padding schema on the bottom of the right div. I'm going to attempt to draw what I mean. I apologize if it doesn't come across as I intend.</p>
  
  <pre><code>//      _________ _________
  //      |       | |       |
  //      |       | |       |
  //      |       | |       |
  //      |       | |       |
  //      |       | ---------
  //      |        ---------|
  //      |                 |
  //      |                 |
  //      |                 |
  //      |                 |
  //      -------------------
  //
  </code></pre>
  
  <p>Any ideas how I can set this up? I was thinking to make the left one a bit taller and then add a 3rd div below and just mash it up under the 1st div or something. Any tips are appreciated. I am CSS challenged. :) </p>
  
  <p>Thanks All,
  ~ck in San Diego</p>