HTML – 如何使两个div并排排列？

我试过改变浮动：对;在cartbox css但只会将购物车移到右边,如果我移除了cartbox css上的浮动..购物车和物品并排排列但是由于某种原因,购物车看起来很小而且“添加”购物车“按钮似乎没有点击.任何帮助将不胜感激！

HTML：

<form method="post" action="" class="jcart">
    <fieldset>
      // item details here
    </fieldset>
  </form>

  <div class='cartbox'>
    <div id="jcart"><?php $jcart->display_cart();?></div>
    <div id='jcart-loader'><img src='img/ajax-loader.gif' alt=''></div>
  </div>

CSS：

#jcart {
position:relative;
font-size:1.15em;
top:0;
margin:0 0 .75em;
}

.jcart {
width:135px;
margin:0 20px 20px 0;
padding-top:20px;
border:solid 2px #E5E5E5;
float:left;
BACkground:#F0F0F0;
text-align:center;
}

.cartbox {
float:left;
position:relative;
top:0;
width:500px;
margin:0;
padding:0;
}