Rimuovere il margine sinistro da una lista

24 maggio 2011

Gli elementi che compongono una lista puntata (ordinata o non ordinata) vengono visualizzati dai browser con un rientro sinistro ed un marcatore per migliorare la leggibilità della lista stessa.

Per rimuovere il margine sinistro e visualizzare la lista in linea con il testo è sufficiente utilizzare una semplice regola con cui andiamo ad impostare a 0 il rientro (sia margine che padding) e ad impostare sul valore none la proprietà list-style-type.

La regola necessaria è la seguente:

ul {
    list-style-type: none; /* nessun elemento come marcatore */
    padding-left: 0;       /* padding nullo */
    margin-left: 0;        /* margine nullo */
}

Nel seguente esempio è possibile vedere la regola applicata in una lista puntata.

Tutte le lezioni

1 ... 42 43 44 ... 49

Se vuoi aggiornamenti su Rimuovere il margine sinistro da una lista inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Rimuovere il margine sinistro da una lista

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento dei dati per attività di marketing