Two Column Div?

Is there a way to have a two column div? What im trying to do is move my add to cart form up to the same line as [Product Details]..

Heres mu link : http://tinyurl.com/5ltw72

So it would look like this:

[Product Details].. Qualtity: [] Add To Cart

Heres my code:

<div class="ja-productwrap clearfix">
  <div class="ja-product">
    <h3>
      <a href="{product_flypage}" title="{product_name}">{product_name}</a>
    </h3>
    
    <div style="float:left;width:100%" class="clearfix">
      <a href="{product_flypage}" title="{product_name}">
        <img src="{product_thumb_image}" {image_height} {image_width} border="0" alt="{product_name}" align="left" style="margin-right: 5px;" />
      </a>
      {product_price}
      <p>{product_s_desc}</p>
    </div>
    
    <a class="prod-details" href="{product_flypage}" title="{product_name}">[{product_details...}...]</a>
    
   
    <div style="float:left; width:100%; margin-top: 3px;">
       {product_rating}
    </div>
    
    <div style="float:left; width:90%; margin-top: 3px;">
      {form_addtocart}
    </div>
  </div>
</div>

Code (markup):