Creo que el primer caso de
articlelitis que veo. ¿Sabes que esos elementos tienen un significado semántico?
¿Quién te dijo que usar
divisiones estaba mal?
Lo más rápido y fiable es imitar el comportamiento de tablas y celdas:
Código CSS:
Ver originalarticle.contenedor {
display: table;
}
article.contenedor .contenido {
display: table-cell;
}
article.contenedor .imagen {
display: table-cell;
vertical-align: middle;
}
Los elementos
no se flotan, caso contrario no funcionaría.
Deberías de leerte algo acerca de convenciones de nombres de clases en CSS, y de variables en programación en general.
