Estilo en CSS (creación de 3 DIV)

[eragas]

Estimados, estoy tratando de lograr que con CSS me quede algo como lo de la imagen pero la verdad no me quedan bien los DIV



Yo sé que son tres DIV, pero la verdad el problema es que no se como acomodar para que el DIV de la imagen se vaya a la izquierda y el DIV del texto se vaya a la derecha.



Espero me puedan brindar una mano.

Gracias,

[Wasper]

El CSS

.maestro {
height:100px;
width:300px;
padding:10px;
}
.dentro1{
height:100px;
width:100px;
float:left;
}
.dentro2{
height:90px;
width:190px;
float:left;
padding:5px;
}

El HTML

<div class="maestro">
<div class="dentro1">colocar la imagen</div>
<div class="dentro2">colocar el texto</div>
</div>

Espero que te sirva. Si quieres añadirle colores grises de fondo simplemente añadele al CSS background: color que quieras...

[Carlangueitor]

No necesitas tres divs, solo 2 (y una imagen):

Código HTML:

<div class="contenedor">
<img src="imagen.jpg" alt="Texto alternativo" />
<div>
<h3>Free File</h3>
<p>Grab your copy ofthis month's free file! Viewthe item details <a href="#">here</a>.
</div>
 

Código CSS:

.contenedor{
width: 230px;
padding: 10px;
}
.contenedor img{
width: 50px;
float: left;
}
.contenedor div{
width: 150px;
float: right;
}
 

[Wasper]

[Trulala de cordoba]

Iniciado por Carlangueitor

No necesitas tres divs, solo 2 (y una imagen):

Código HTML:

<div class="contenedor">
<img src="imagen.jpg" alt="Texto alternativo" />
<div>
<h3>Free File</h3>
<p>Grab your copy ofthis month's free file! Viewthe item details <a href="#">here</a>.
</div>
 

Código CSS:

.contenedor{
width: 230px;
padding: 10px;
}
.contenedor img{
width: 50px;
float: left;
}
.contenedor div{
width: 150px;
float: right;
}
 

Hola, soy nuevo en esto y pregunto ¿Porque tiene que tener un div float tight y la imagen todo lo contrario, float left??
gracias

[Carlangueitor]

Para que uno se ponga la derecha y otro a la izquierda

Saludos

[eragas]

Genial como siempre @Carlangueitor.

En este foro he aprendido cosas no solo teericas sino prácticas.