Wie stelle ich eine HTML-Liste ohne die Aufzählungszeichen nur mit CSS dar?

Question

Ich habe eine HTML-Liste. Der Browser sollte die Existenz der Liste sehen und die Elemente entsprechend anordnen, aber ich möchte nicht, dass neben jedem Element eine Kugel angezeigt wird. Das heißt, eine normale Liste wie folgt angezeigt:

• Text A
• Text B
• Text C

ich meine Liste wollen, so erscheinen:

Text A
Text B
Text C

Answer 1

ul { list-style: none; } 

Das der Aufzählungspunkte entledigt. Jetzt können Sie voran gehen und ordnen Stile Raum sie aus wie in Ihrem Beispiel, wenn es das ist, was Sie wirklich wollte:

li { padding: 5px 0; } 

Wenn Sie die Liste auch nach dem Entfernen der Kugeln eingerückt nicht wollen, dauert es eine andere bit, wie folgt aus:

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

Wenn Sie sowohl margin und padding auf 0 gesetzt tun sie nicht, wird es entweder richtig aussehen in FF oder IE, aber nicht beide

Answer 2

Verwenden

list-style:none; 

im Stil für die < ul> tag

Answer 3

Liste-Stil-Typ: Ober-Roman;

Answer 4

Auch dieses link hat einige nette Beispiele, von denen zu lernen, HTML-Listen zu stylen.

Answer 5

Alternativ, können Sie auch ein definition list (dl, dt, dd) verwenden, ohne Definition Begriffe (dt Elemente).

<dl> 
    <dd>text A</dd> 
    <dd>text B</dd> 
    <dd>text C</dd> 
</dl> 

Aber semantisch denke ich, eine ungeordnete Liste (ul, li) Ihren besonderen Zweck besser :) So gehen Sie vor mit nur ein Stück gute CSS wie von Erik erklärt.

Answer 6

Wenn Sie den Stiltyp auf None setzen, werden die Aufzählungszeichen nicht angezeigt.