(Muhtemelen) yanlış anlama farklı HTML öğelerinin varsayılan CSS ile fonksiyonel ayrılmış benim stil, semantiği bir yana.

Özel CSS kullanarak (inadvisably) herhangi bir HTML elemanı gibi davranır.

Eğer bu doğruysa, hesabını veremem tek şey <li> elementler üzerinde kurşunlar. Ne CSS onlara neden? Nasıl diğer unsurlar bunu ekleyebilir misin?

Gelecek okuyucular için not: geçenlerde HTML elemanları da content categories farklı öğrendi.

Mermi bulunan "içinde" <ul> doldurma elemanı:

Dolgu ve marj yeşil, turuncu işaretlenmiş

Dolgu azalan kurşunlar "" doldurma: o . içinde olduğunu gösterir

Örneğin <ul> marjını artırmak, doğru kayar.

Özelliği doğru olarak ayarlandığında, liste mermi gizlidir. Eğer girinti istemiyorsan eğer. 0 için kenar boşluğu ve dolgu değiştirmek gerekir.

ul
{
    list-style: none;
}

Eğer tüm boşlukları / doldurma ve mermi noktaları kurtulmak istiyorsanız, bu kullanın:

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

Tabii ki de diğer HTML kontrolleri için mermi uygulayabilirsiniz:

div
{
    padding-left: 40px;
}
a
{
    display: list-item;
    list-style: disc;
}

<div>
    <a href="#">Item #1</a>
    <a href="#">Item #2</a>
    <a href="#">Item #3</a>
    <a href="#">Item #4</a>
</div>