Como Posicionar Divs en una hoja html Parte 2

Si ha seguido la primera parte de esta entrega verá que ha conseguido el siguiente diseño:

Ahora vamos a seguir añadiendo otros divs

Colocaremos el que aparece arriba en forma de cabecera de color azul, lo llamaremos cabecera y estará contenido en el div principal a la misma altura que el lateral.

Como vemos queda alineado a la izquierda y separado del lateral debido a los tamaños

Y por ultimo añadimos el div cuerpo que estará debajo del de cabecera.

El estilo será:

El resultado será:

Si quitamos el color de fondo quedarían los divs separados.