selettore orizzontale con icone

[Huvber]

salve volevo creare un selettore orizzontale dove gli elementi all'interno sono dei quadrati con un icona e un titolo

provo a disegnarlo in ascii

------------------------------------------------------------------------
| |
| ICON1 ICON2 ICON3 ecc... |
| |
| |
------------------------------------------------------------------------
|<------------------------------------------|======|--------------->|

ho provato così ma non funziona... qualcuno sa come aiutarmi. per inciso il sito che sto facendo usa jquery quindi se c'è qualche classe utile in jquery va bene lo stesso.

<div id="selettore" style="width:300px; height:110px;" >
    <div id="icona1" style="float:left; width:100px;">
   
   </div>
  <div id="icona1" style="float:left; width:100px;">
   
   </div>
   [...]
</div>

così però le icone vanno in verticale una sotto l'altra invece di affiancarsi. ho anche impostato l'overflow del div contenitore e il max-height ma non cambia.

[Bashi]

devi usare il display:inline;

[Huvber]

display:inline è di default quindi è inutile dichiararlo tant'è che non cambia se lo dichiaro

[Huvber]

ce l'ho fatta... in realtà era solo un errore di distrazione usando il float:left funziona. l'unica cosa che ho usato un div di supporto che contiene gli oggetti che deve essere lungo quanto la somma delle lunghezze degli oggetti. infine il div selettore deve avere overgflow:auto;