Css: mostrare gli elementi di una lista orizzontalmente.

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