Problema de Maquetacion

[ArturoGallegos]

para los div verdes necesitas un reset CSS y en lugar de dar margen entre los elementos <p> aplica un padding interno

algo burdo, rápido y funcional para ejemplo es aplicar al inicio de tu css

Código CSS:

*{margin:0;padding:0;}
p{padding:8px 0;}
 

la primera linea es un reset hecho a las carreras busca algún otro en san google mas completo

para la barra amarilla derecha solo coloca el código antes que el de la izquierda algo como

Código HTML:

<div id="derecha">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
 
<div id="izquierda1">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
 
<div id="izquierda2">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
 

y listo eso fue todo ñ.ñ