Visualizzare una lista in senso orizzontale

Ci sono 2 modi per rendere orizzontale una lista:
1. impostare il valore della proprietà display : inline;
2. oppure, impostare la proprietà float: left; per default queste proprietà sono impostate a dislay: block; , e float: none; .
È sufficiente quindi modificare uno di questi valori per allineare gli elementi su un’unica riga.
Partendo da una lista come la seguente:

possiamo applicare la regola CSS:
ul li { display: inline; } per disporre la lista in orizzontale... Esempio 1

oppure possiamo applicare la regola CSS
ul li { float: left; } per ottenere lo stesso risultato... Esempio 2