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.