Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 44 di 49
  • livello principiante
Indice lezioni

Rimuovere il margine sinistro da una lista

Formattare una lista operando sul margine degli elementi che la compongono
Formattare una lista operando sul margine degli elementi che la compongono
Link copiato negli appunti

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.

Ti consigliamo anche