Ya tengo la solución, muchísimas gracias por su atención:
Lo he logrado unos pocos minutos despues de publicar, lo compoarto con todos.
Dentro de la capa blanca el lado izquierdo se le da float left, la capa derecha float right.
y hay que crear una capa de "cierre" que contenga el código
clear: both; y automáticamente cuadra el texto.
Código:
<div class="blanco">
<div class="col-iz">
<div class="capa-amarilla">
</div>
</div>
<div class="col-der">
<div class="capa-roja">
</div>
<div class="capa-roja">
</div>
<div class="capa-roja">
</div>
</div>
<div class="cierre"></div>
</div>