Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/06/2014, 02:26
Avatar de madman_18
madman_18
 
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 13 años, 8 meses
Puntos: 14
Pregunta Alinear verticalmente div con img

Hola a todos!

Estoy intentando hacer una cosa y la verdad que no toy con la tecla

Veréis tengo dos div's que flotan y me interesaría que uno quede alineado verticalmente al centro o abajo respecto al bloque que flota a su lado.
Mi estructura es la siguiente:
Código HTML:
Ver original
  1. <article class="contenedor">
  2. <article class="flotarizquierda">
  3. aqui es la imagen que querria alinear
  4. <article class="flotarderecha">
  5. texto que quiero meter del contenido
Y el css que tengo ahora mismo es:
Código CSS:
Ver original
  1. .contenedor{
  2.     height: auto;
  3.     margin: 0 auto;
  4.     position: relative;
  5.     width: 1000px;
  6. }
  7. .flotarizquierda{
  8.     float: left;
  9.     height: auto;
  10.     width: 28%;
  11. }
  12. .flotarderecha{
  13.     float: left;
  14.     height: auto;
  15.     width: 72%;
  16. }
No sé cómo alinearlo verticalmente ya que, el bloque me va a ir aumentando según el contenido...pero ya he probado con line-height, jugando con los position y el top/bottom, margin....y nada....
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"