Bir kurşun <ol> <ul> sağ <li> iter nasıl kontrol etmek istiyorum.

O, her zaman yerine

*  Some list text goes
   here.

Bunu değiştirmek mümkün olmak istiyorum

*         Some list text goes
          here.

ya

*Some list text goes
 here.

Etrafa baktım ama sadece, örneğin, http://www.alistapart.com/articles/taminglists/ tüm blok kayması ya da talimatları bulabiliriz

Eğer madde işaretleri arasındaki boşluk ve <li> liste öğesi metin üzerinde daha hassas denetim istiyorsanız diğer cevaplar burada özetlemek için, seçenekler şunlardır:

(1) bir arka plan görüntüsü Kullanın:

<style type="text/css">
li {
    list-style-type:none;
    background-image:url(bullet.png);
}
</style>

<ul>
    <li>Some text</li>
</ul>

Avantajları:

• Kurşun için istediğiniz herhangi bir görüntü kullanabilirsiniz
• CSS background-position metin ile ilgili olarak istediğiniz herhangi bir resim hemen hemen pozisyon için, piksel, ems veya % kullanarak kullanabilirsiniz

Dezavantajları:

• Ekler küçük de olsa) fazladan bir görüntü sayfanıza dosya, sayfa ağırlığı artıyor
• Eğer bir kullanıcı kendi tarayıcı metin boyutu artarsa, kurşun orijinal boyutunda kalır. Ayrıca Olası metin boyutu arttıkça daha fazla durumda
• Eğer bir geliştiriyorsanız 'duyarlı' genişlikleri için düzeni yüzdeleri kullanarak, ekran genişliği aralığında istediğiniz tam olarak kurşun elde etmek zor olabilir

2. <li> etiket üzerinde dolgu kullanın

<style type="text/css">
ul {padding-left:1em}
li {padding-left:1em}
</style>

<ul>
    <li>Some text</li>
</ul>

Avantajları:

• İndirmek için Resim = 1 daha az dosya
• <li> üzerinde dolgu ayarlayarak kadar ekleyebilirsinizekstrasenin gibi kurşun ve metin arasındaki Yatay Boşluk
• Eğer kullanıcı metin boyutunu artırır, aralık ve mermi boyutunu orantılı olarak ölçeklemek gerekir

Dezavantajları:

• Mermi daha yakına tarayıcı varsayılan metni için hareket edemiyor
• CSS biçim ve boyutları ile sınırlı yerleşik mermi türleri
• Kurşun rengi aynı metin gibi olmalı
• Kurşunun dikey konumlandırma kontrol yok

(3) <span> ekstra bir öğe metni Kaydır

<style type="text/css">
li {
    padding-left:1em;
    color:#f00; /* red bullet */
}
li span {
    display:block;
    margin-left:-0.5em;
    color:#000; /* black text */
}
</style>

<ul>
    <li><span>Some text</span></li>
</ul>

Avantajları:

• İndirmek için Resim = 1 daha az dosya
• Olsun üzerinde daha fazla kontrol sahibi pozisyonun kurşun daha seçeneği (2) – hareket yakın metin (rağmen rağmen benim en iyi çabaları gibi görünüyor edemezsin alter dikey konuma göre ekleme padding-top <span>. Bunu başka biri için geçici bir çözüm var, ama olabilir...)
• Kurşun metin için farklı bir renk olabilir
• Eğer kullanıcı metin boyutunu artırır, kurşun oranı (ems doldurma ve kenar boşluğu px ayarlayın sağlayan) ölçek

Dezavantajları:

• Gerektirir bir ekstra unsemantic eleman (bu muhtemelen kaybetmek daha fazla arkadaş, ÇOK ağır olur gerçek hayatta ;) ama sataşmak için o kim gibi kodlarını kadar yalın ve verimli olarak mümkün, ve ihlal ayrılık sunum ve içerik HTML / CSS için gerekiyor sunuyoruz)
• Boyutu ve şekli kurşunun üzerinde kontrol yok

Burada akıllı mermi görüntüleri veya exta başvurmadan yaratabiliriz yani CSS4, liste tarzı bazı yeni özellikler işaretlemek :) umut var