problema allineamento div

[Raulken]

vorrei mettere due div uno accanto all'altro tipo cosi

<div id="contenitore">
<div style="float:left;">

ciao
</div>

<div>

testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
</div>

</div>


ora quello che vorrei evitare e che il "testo" vada a finire sotto a "ciao" dopo che ha occupato tutta la riga

[Simo990]

Ciao, fai flottare anche l'altro <div>

<div id="contenitore">
<div style="float:left;">ciao</div>
<div style="float:left;"> testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo </div>
</div>

[Raulken]

grazieeeeeee

[Simo990]

prego

P.S.: ricordati di "pulire" i float, basta aggiungere un altro div in fondo

<div style="clear:left"></div>

[vnt54]

<div style="clear:left"></div>
Motivo di questo "clear.left"?

[Simo990]

I layout cosiddetti float-based hanno tutti un problema in comune: il contenitore non si espande al massimo dell'altezza disponibile. Se volessi - per esempio - aggiungere un bordo a <div id="container">, non lo vedresti.
Per risolvere questo problema c'è la proprietà clear.