定位范围内的一个范围

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; 
}