定位範圍內的一個範圍

Question

我得到了一個背景圖像設置列表設置在每個文本行 的左側，雖然他們似乎不排隊，我把跨度文本嘗試和重新定位文字，但它沒有似乎工作

繼承人使用的代碼IM ..

HTML

<ul class="price-features"> 
<li><span>One page website with contact form</span></li> 
<li><span>Social Media Integration</span></li> 
<li><span>One year hosting + Domain registration</span></li> 
</ul> 

CSS

.price-features{ 
margin-top:30px; 
} 

.price-features li{ 
background-image:url(/images/prices/orange-arrow.png); 
background-repeat:no-repeat; 
background-position:left; 
padding-left:15px; 
height:30px; 
border-bottom:#999 1px solid; 
background-color:#996; 
} 

.price-features li span{ 
    padding-top:5px; 
} 

http://i.stack.imgur.com/rV1LM.png

Answer 1

填充僅影響塊級元素。您需要將span更改爲塊級元素或將默認display更改爲block或inline-block。

.price-features li span{ 
    display: block; 
    padding-top:5px; 
}