Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

Css: mostrare gli elementi di una lista orizzontalmente.

Scritto da Fare-internet il 25 settembre 2010 condividi condividi

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:

<ul class="listaoriz">
        <li>elemento 1</li>
        <li>elemento 2</li>
        <li>elemento 3</li>
        <li>elemento 4</li>
        <li>elemento 5</li>
</ul>

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

Twitter