ciao a tutti ho un quesito.

in un div di altezza definita e larghezza auto voglio mettere un numero imprecisato di immagini, ho bisogno però che le immagini si dispongano in orizzontale (tutte sulla stessa linea) e che quindi, se necessario, la pagina tutta scrolli in orizzontale x visualizzarle.


il mio problema è che: se la finestra del browser è grande e/o riesce a contenere tutte le immagini queste si dispongono correttamente in orizzontale, se invece rimpicciolisco il browser le immagini "vanno a capo" e iniziano a disporsi su due righe.

io pensavo che bastessa mettere un altezza definita e width:auto al livello che le contiene, ma non è vero!
se però metto width:1000px o 2000px allora ci stanno.....ma io non so quanti pixel precisi mi servono (una pagina magari ha solo 2 immagini e un altra 4).


questo è il mio codice..ma ho provato diverse soluzioni...
codice:
.works {

padding:0px;
height:400px;
width:auto;
margin-top:15px;
margin-left: 10px;
    
}

img .works{
display:block;
float:left;
margin-right:10px;
}
works è il livello che le contiene.