Capas <div> mal posicionadas

[ArturoGallegos]

para evitar eso podrias crear una capa general (especificandole ancho) y dentro de ella meter las demas y de igual forma veo que en tu css no les dices que ancho deve tener asi ps te recomiendo se lo especifiques ya sea porcentaje o px pero fijalos por eso se mueven

por que no ai nada que las contenga y delimite
la primera capa sale bien pero la segunda solo le dices que a la izquierda pero ella no sabe donde termina la anterior ni cuanto espacio dispone pa usar asi que lo mas logico es pocicionarse aun lado de la anterior