2つのフォーム間に奇妙なスペースがあるのはなぜですか？

Question

私は2つのフォーム（チェック画像）の間に適当なスペースがあるのはなぜですか？（それは両方のボタンを持っていた唯一のフォームでしたが、別の機能のために2つを作成しなければなりませんでした。

<?php if ($product->isAvailable()): ?> 
     <form action="<?php echo $href; ?>"class="f_add_cart"><div class="f_add_item"><button type="submit" name="add" class="btn btn-add btn-nocorners">adauga in cos</button></div></form> 
     <?php endif; ?> 
    <form method="post" action="<?php echo url_for('cart/updateCart');?>" class="f_add_cart"> 
     <input type="hidden" name="qty" value="1" maxlength="3" /> 
     <input type="hidden" name="id" value="<?php echo $product->getId(); ?>" /> 
     <input type="hidden" name="referrer" value="<?php echo $sf_request->getUri(); ?>" /> 
     <div class="f_add_item"><button type="submit" class="btn btn-link btn-wishlist" name="add_wishlist">adauga in wishlist</button></div> 
    </form>  
    </div> 
</div> 

CSS：

.product-over .product_price .regular_price sup{font-size:12px;} 
.product-over .product_price span.currency{display:none;} 
.product-over .product_price .old_price {color:white!important;} 
.product-over h3 {margin:0; padding:10px;height:auto!important;;text-align:center;} 
.product-over .f_add_cart{padding:10px;text-align:center} 
.product-over .f_add_item {padding:5px 0;border-top:1px solid #eaeaea;} 
.product-over button {font-size:11px; margin:5px 0;} 
.product-over .btn-wishlist {margin:0; padding:0;} 

Answer 1

修正.product-over .f_add_cart{text-align:center}

.product-over .product_price .regular_price sup{font-size:12px;} 
.product-over .product_price span.currency{display:none;} 
.product-over .product_price .old_price {color:white!important;} 
.product-over h3 {margin:0; padding:10px;height:auto!important;;text-align:center;} 
.product-over .f_add_cart{padding:10px;text-align:center} 
.product-over .f_add_item {padding:5px 0;border-top:1px solid #eaeaea;} 
.product-over button {font-size:11px; margin:5px 0;} 
.product-over .btn-wishlist {margin:0; padding:0;}