Cómo hacer que una div crezca hacia arriba según la longitud del título en CSS

Hola, soy un poco nueva en esto de CSS pero me he dado maña. Aunque estoy modificando un theme de wordpress y hay algo que necesito pero no sé hacer.

La cosa es que tengo una div de imagen y una de texto abajo, y gracias a margen negativo y z-index pude poner el texto (el título del blog post) sobre la imagen, pero si el título es muy largo y ocupa una segunda línea todo queda descompaginado...

Hay alguna forma de forzar el texto para "crecer hacia arriba"?

Este sería un ejemplo gráfico: http://s2.subirimagenes.com/privadas/previo/thump_2389335div.jpg

1 - las divs originales
2 - lo que he logrado hacer con un poco de CSS (el efecto deseado si el texto es corto)
3 - así me quedan las divs ahora si es un título largo (lo que no quiero)
4 - este es el efecto deseado si el texto supera la primera línea

Muchas gracias!

Con un seria suficiente en el class del texto

Denebe dijo:

Con un

Insertar CODE, HTML o PHP:

position: absolute; left: 0px; bottom: 0px

seria suficiente en el class del texto

Hacer clic para expandir...

Una pregunta, que es lo que implicaría en ese caso el position:absolute ? gracias

DarkEvil dijo:

Una pregunta, que es lo que implicaría en ese caso el position:absolute ? gracias

Hacer clic para expandir...

Cuando se establece position en absolute el ancho del bloque se ajusta al contenido.

{ position:absolute; left:0; bottom:0; } significa que el origen de coordenadas será el del primer contenedor posicionado o, si no existe, la esquina superior izquierda de la ventana de visualización. En este caso se toma la esquina inferior izquierda de la ventana como origen de coordenadas.

Denebe dijo:

Cuando se establece position en absolute el ancho del bloque se ajusta al contenido.

{ position:absolute; left:0; bottom:0; } significa que el origen de coordenadas será el del primer contenedor posicionado o, si no existe, la esquina superior izquierda de la ventana de visualización. En este caso se toma la esquina inferior izquierda de la ventana como origen de coordenadas.

Hacer clic para expandir...

Te agradezco :encouragement: