Float

Hľadám ideálne riešenie na vyriešenie problému, ktorý vznikol.

Mám 4 divka. Všetkým nastavím šírku a float:left. Teoreticky by malo všetko fungovať až na jeden detail, pokiaľ je div 1 dlčí ako div 2, tak div 3, sa neposunie pod div 1 ale pod div 2 a div 4 sa posunie pod div 3.

Obrázok z w3school (kde som to nasimuloval):

Potrebujem aby sa div 3 posunul pod div 1 a div 4 posunul vedľa div 3.

Riešenie:
- riešenie by bolo pridať div do ktorého by som vložil div1 a div2. Toto riešenie je však nevhodné, pretože divy sa do tohto stavu dostávajú automaticky.
- potrebujem riešenie pomocou JS alebo CSS

Vopred ďakujem.

Skus nieco taketo:

No len problém je v tom, že ja neviem, ktoré divy sú v jednotlivých riadkoch. Divy sa tam priradzujú automaticky podľa šírky okna.

//Problém vyriešený Javascriptom. Ďakujem Ďurimu za snahu