Bir açıklık içinde bir konumlandırma

Question

ive gibi görünmese de metin satırlarının her birinin solunda bir arka plan görüntüsü ayarlanmış bir arka plan görüntüsü ile ayarlanmış bir liste var, denemek ve yeniden konumlandırmak için metnin etrafına bir açıklık koyuyorum metin ancak

HTML ..

heres kod im kullanarak çalışmak görünmüyordu

<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

Yalnızca dolgu, blok seviyesi elemanları etkiler. span kodunuzu blok düzeyinde bir öğe olarak değiştirmeniz veya display'un block veya inline-block olması için değiştirmeniz gerekir.

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