段落裁剪圖像的底部？ （HTML/CSS）

Question

我需要一點幫助。我在訂單頁面上創建了一個更大的按鈕，底部被關閉。我需要在底部添加一點空間。我添加了1px邊框，以便您可以看到它的佈局。你可以在這裏查看問題：https://www.evernote.com/shard/s329/sh/a408b2ff-472c-481a-8fb1-b9e48c1205e1/5ddd92e9d940c78a57487e07d6eedcd4

<p><span id="old-price">$199 </span> 
    <span id="new-price">$147</span> 
    <strong><font color="#FF0000"> 
    35% off! &quot;Halloween Special&quot; </font></strong><em>Expires Nov 1st.</em> 
<p class="cart-btns"> 
    <a href="https://www.e-junkie.com/ecom/gb.php?c=cart&i=CAP2S&cl=133613&ejc=2" target="ej_ejc" class="add-to-cart ec_ejc_thkbx" onclick="javascript:return EJEJC_lc(this);"></a> 
</p> 

    .products li p.cart-btns a.add-to-cart { 
width: 120px; 
height: 50px; 
background: url(images/add-to-cart.gif) no-repeat; 
} 

Answer 1

a是一個內聯對象，將不接受height。使用margin: 5px或將padding:5px在p.cart-btns {}

您也可以只float:left的a.add-to-cart {}，使之忽略邊界的方式（取出文件的正常流動）。