कस्टम बुलेट बिंदु

Question

का उपयोग करते समय ली टेक्स्ट को संरेखित करना मुझे एक मामूली समस्या मिली है और कोई सोच रहा था कि कोई भी क्विकफ़िक्स के साथ आ सकता है?

समस्या

मैं जो ली का उपयोग कर कस्टम बुलेट बिंदुओं का उपयोग करता है फूल का एक उल मिल गया है: पहले {सामग्री: आदि मैं शब्दों को ठीक से संरेखित करने के लिए प्राप्त करने की कोशिश कर रहा हूँ - तुम पर देख सकते हैं चौथी ली वस्तु, जब शब्द अगली पंक्ति में लपेटते हैं तो वे शब्द के नीचे नहीं बल्कि बुलेट के नीचे शुरू होते हैं।

का प्रयास किया गया फिक्स

• में सोच रही थी कि यह ली का उपयोग कर गोलियों कर एक समस्या है: पहले, मैं अन्य तरीकों से कोशिश की, लेकिन नहीं ...
  • मैं करता हूँ अंतर्निहित ली बुलेट शैलियों का उपयोग करना चाहते हैं (वे बदसूरत)
  • मैंने फ़ॉन्ट-भयानक बुलेट स्टाइलिंग का उपयोग करने की कोशिश की है लेकिन एक ही चीज़ क्या होता है (मुझे लगता है वे भी ली का उपयोग करें: विधि से पहले)
  • मैं मैन्युअल रूप से बाहर दूसरी पंक्ति अंतरिक्ष नहीं करना चाहती क्योंकि ब्राउज़र आकारों और क्या नहीं
• ली का उपयोग बदल रहा है: विधि इससे पहले कि मैं का उपयोग कर की कोशिश की गोलियों को स्थानांतरित करने के लिए पूर्ण स्थिति: 3px (जैसा कि एक समान स्टैक ओवरफ्लो प्रश्न में अनुशंसित है) लेकिन इसे काम करने के लिए नहीं मिला है। http://jsfiddle.net/MS9Z9/

  (नीचे दिए गए कोड संक्षिप्त है)

  .panel-body ul li { 
      list-style-type:none; 
  } 
  .panel-body ul li:before { 
      content:"\27A8\00a0\00a0"; 
  } 
  

  समाधान बहुत अच्छा होगा लेकिन फिर भी विचार कर रहे हैं: समस्या का एक डेमो देखने के लिए

उदाहरण

लिए यहां क्लिक करें सराहना की, धन्यवाद!

Answer 1

आप क्या कर सकते हैं

http://jsfiddle.net/MS9Z9/7/

.panel-body ul li:before { 
    content: "➨ "; 
    left: 7px; 
    position: absolute; 
} 

.panel-body ul li { 
    border-bottom-style: solid; 
    border-color: #ccc; 
    list-style-type: none; 
    margin: 0; 
    padding: 0.5em 0.5em 0.5em 1.5em; 
    position: relative; 
} 

स्थिति before सामग्री पूर्ण, अपने ली अपेक्षाकृत तैनात कर सकते हैं और आप स्वतंत्र रूप से कस्टम गोली

समायोजित कर सकते हैं एक अन्य विकल्प सिर्फ फ्लोट करने के लिए before है सामग्री http://jsfiddle.net/MS9Z9/12/

Answer 2

आप एक कर सकते हैं LSO a टैग पर display: table संपत्ति का उपयोग करें, देखने

JSFiddle