disporre img in orizzontale

[decemberist]

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...

.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.

[Mich_]

img .works e` sicuramentre sbagliato.
Sarebbe il selettore per un oggetto con class="works" interno ad un tag <img>.

Invece img.works servirebbe per <img class="works" ... />

Se vuoi individuare le <img> all'interno di un blocco con class="works", il selettore deve essere:
.works img { ... }