Como fazer com que uma div cresça para cima conforme o comprimento do título em 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 disse:

Con un

Inserir CODE, HTML ou PHP:

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

seria suficiente en el class del texto

Clique para expandir...

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

DarkEvil disse:

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

Clique 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 disse:

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.

Clique para expandir...

Te agradezco :encouragement: