How to put a Div next to a Div

I cant figure how to style a div id to make a boxed div id appear next to another boxed div id, any know how?

 

Yes, use a wrapper.

<div id="main">
<div id="left" style="float:left;"></div>
<div id="right"></div>
</div>

Code (markup):

 

how do i place that properly if i already got a div id"cl" wouldnt i change somthing in the id code? if not explian how to use that wrapper

 

do some reading on www.alistapart.com -- they have some awesome tutorials to help you with exactly these kinds of things.

 

I see a float option in styleing a div id, but it only alows center, right, and left, bit i need right top, it appears as right below the other box,and i need it next to that box