li Typ wird nicht angezeigt

Question

Ich habe folgende CSS:

ul { 
padding:0; 
margin:0; 
} 
li { 
padding:0; 
margin:0; 
list-style:none; 
} 
ul.square li { 
padding-left:20px; 
list-style:square; 
} 

und die folgende HTML-Struktur:

<ul class="square"> 
<li>blah blah blah</li> 
</ul> 

die Liste kommt ohne Polsterung und keine führenden Platz. Wie kann ich dieses Problem beheben?

Answer 1

Dies funktioniert nur mit ol (versuchte es mit ul und es funktioniert nicht). Konnte das Quadrat nicht mit mit irgendeiner Lösung, die hier oder anderswo bereitgestellt wird, arbeiten. Aber zumindest diese Lösung fügt den Rand/die Einrückung hinzu. Danke für die Hilfe.

In CSS:

ul { 
padding:0; 
margin:0; 
} 
li { 
padding:0; 
margin:0; 
list-style:none; 
} 
ol.margin { 
padding:0; 
margin: 0; /* reset the margin */ 
margin-left:20px; /* then add yours */ 
} 

dann im HTML-doc

<ol id="margin"> 
<li>blah</li> 
</ol> 

Answer 2

Hier gehts! Gerade Rand verwenden, statt Polsterung ->Demo

ul.square { 
    padding:0; 
    margin: 0; /* reset the margin */ 
    margin-left:20px; /* then add yours */ 
    list-style: square; 
}