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.
45 / 49

Personalizzare l’aspetto dei marcatori di lista