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

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

è possibile vedere la regola applicata in una lista puntata.

Questo articolo contiene link di affiliazione: acquisti o ordini effettuati tramite tali link permetteranno al nostro sito di ricevere una commissione nel rispetto del codice etico. Le offerte potrebbero subire variazioni di prezzo dopo la pubblicazione.

Ti consigliamo anche