ली

Question

ive के भीतर एक अवधि को पोजिशन करना, टेक्स्ट की प्रत्येक पंक्ति के बाईं ओर स्थित पृष्ठभूमि छवि के साथ स्थापित एक सूची मिली है, हालांकि वे लाइन अप नहीं लग रहे हैं, मैंने कोशिश करने और बदलने के लिए पाठ के चारों ओर एक अवधि डाली पाठ लेकिन यह

यहाँ कोड im का उपयोग कर काम करने के लिए लग रहे फ्लॉप ..

एचटीएमएल

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

सीएसएस

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