CSS help - How to put a div in the upper right quadrant of another type of div? I need to make an L-shape

Question

I need to make some kind of L-shaped div, I think? Currently, I have two floating divs side by side that have the same width and height. I need to expand left and right. I need to maintain the current space between them, about 15 pixels, so I need the same padding scheme at the bottom of the right div. I will try to do what I mean. I apologize if this does not stumble on me.

// _________ _________ // | | | | // | | | | // | | | | // | | | | // | | --------- // | ---------| // | | // | | // | | // | | // ------------------- // 

Any ideas how I can set this up? I thought to make the left a little higher, and then add a third div below and just stretch it under the 1st sofa or something like that. Any advice is appreciated. I am questioned by CSS. :)

Thanks to everyone ~ ck in San Diego

Answer 1

 <div id="outer"> <div id="inset">Top right</div> Rest of content <div> 

from:

 #inset { float: right; margin-bottom: 15px; margin-left: 15px; } 

Answer 2

 <div id="base"> <div id="corner"> <!--stuff inside corner--> </div> <!--other stuff inside base--> </div> 

... where are your styles:

 #base {width: 100px; height: 100px;} #corner {float: right; width: 40px; height: 40px; margin: 0 0 15px 15px;}