Come far apparire una lista HTML senza i segni di pallottole usando solo i CSS?

Question

Ho una lista HTML. Il browser dovrebbe vedere l'esistenza della lista e sistemare gli elementi di conseguenza, tuttavia non voglio che mostri un punto elenco accanto a ciascun elemento. Cioè, una lista normale appare come questa:

• testo Un
• testo B
• testo C

Voglio la mia lista di apparire in questo modo:

testo A
testo B
testo C

Answer 1

ul { list-style: none; } 

che elimina i punti elenco. Ora si può andare avanti e assegnare stili per lo spazio loro fuori come nel tuo esempio, se è questo che si voleva davvero:

li { padding: 5px 0; } 

Se anche voi non desidera che l'elenco rientrato dopo aver tolto i proiettili, ci vorrà un'altra bit, in questo modo:

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

se non si imposta sia margin e padding a 0, sarà o guardare a destra in FF o IE, ma non entrambi

Answer 2

Usa

list-style:none; 

nello stile per il tag < ul>

Answer 3

tipo elenco-tipo: alto-romano;

Answer 4

Inoltre, questo link ha alcuni buoni esempi da cui imparare per lo styling di elenchi html.

Answer 5

alternativa, è possibile utilizzare anche un definition list (dl, dt, dd) senza termini di definizione (dt elementi).

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

Ma semanticamente penso che una lista non ordinata (ul, li) addice al vostro scopo particolare meglio :) Quindi, andare avanti con solo un pezzo di buon CSS, come spiegato da Erik.

Answer 6

<ul style="list-style-type:none"></u> 

Impostando il tipo di stile a nessuno i proiettili non mostreranno.