Per mostrare orizzontalmente gli elementi di una lista dobbiamo agire sulla propietà display del tag <li>
Definiamo una classe:
ul.listaoriz li{
display:inline;
}
Definita la classe la applichiamo alla lista desiderata:
- elemento 1
- elemento 2
- elemento 3
- elemento 4
- elemento 5
Ecco il risultato:
- elemento 1
- elemento 2
- elemento 3
- elemento 4
- elemento 5
Il fatto di averli messi uno dopo l’altro non elimina il simbolo che precede gli elementi della lista.
Se volete saper ecome eliminarli potete leggere questo articolo:
Css: eliminare il “punto” dalle liste puntate