DIV affiancati senza ritorno a capo

[gasparirob]

Ciao a tutti, scusate, probabilmente è una domanda stupida, ma come ottengo due (o piu) div affiancati senza che quello di destra vada a capo nel caso in cui lo spazio non sia sufficiente?

con il float left i div si affiancano... ma poi se restringo la finestra del browser il div di destra mi scende sotto... io invece voglio che resti lì, anche se poi il testo al suo interno non risulta completamente visibile (per via della mancanza di spazio)

any help?

[Prill]

Ciao, inseriscili in un div che abbia una larghezza adatta per contenerli, se la finestra sarà ridotta non andranno a capo e saranno visualizzabili attraverso la barra di scorrimento orizzontale

[gasparirob]

Originariamente inviato da Prill
Ciao, inseriscili in un div che abbia una larghezza adatta per contenerli, se la finestra sarà ridotta non andranno a capo e saranno visualizzabili attraverso la barra di scorrimento orizzontale

Avevo già provato... ma a meno di usare qualche proprietà particolare, non funziona

questo è l'esempio più stupido:

<div>
    <div style="float:left"> sinistra sinistra sinistra sinistra </div>
    <div style="float:left"> destra destra destra destra </div>
</div> 

che ha come output:



sinistra sinistra sinistra sinistradestra destra destra destra



ma se provi a restringere il browser, il "destra" va a capo:


sinistra sinistra sinistra sinistra
destra destra destra destra


come posso risolvere?

[ac_socmel]

come ha già detto Prill
devi dargli una larghezza (px em km)
e poi usa le classi che i css inline sono brutti

[gasparirob]

Originariamente inviato da ac_socmel
come ha già detto Prill
devi dargli una larghezza (px em km)
e poi usa le classi che i css inline sono brutti

chiedo umilmente scusa, nella foga avevo dimenticato quel piccolo particolare...


adesso funge!!

[fcaldera]

usa white-space: nowrap sul contenitore dei div
e white-space: normal; e display : inline-block sui due div