lager i css

Hur ska jag skriva i css-koden för att få text runt en ruta som ligger i en egen div?
nu kommer hela texten under rutan.

<div>
   Text som hamnar
   <div id="box" style="float: left;">
      Box. Till vänster om texten.
   </div>
   till höger om boxen.
</div>

[red]
<div>
     <div style="float: right; background-color: #ff0000;">
          ruta
     </div>
     lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum  lorem ipsum 
</div>
[/red]

typ ;)

mv icaaq

måste jag då ange positionen i relative?

Du kan positionera den yttre diven med position:absolute men inte den inre.

mv icaaq