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.
Se vuoi aggiornamenti su CSS inserisci la tua email nel box qui sotto:
