Quiero ubicar un texto donde indica la imagen de forma fija.
Van a ser varios div flotantes que cada uno representa una sección.
El problema es que a la hora de situar el texto como absolute, me toma como referencia el texto superior y no el div padre, con lo que según sea de largo el texto superior, el texto inferior se sitúa en un sitio u otro.
Este es el código CSS:
Código HTML:
<div class="seccion_en_articulo"> <img href="path"/> <h1>Titulo de Seccion</h1> <h2>Texto de muchas lineas más o menos largo</h2> <h3>TEXTO QUE QUIERO SITUAR</h3> </div>
Código:
Muchas gracia. div.seccion_en_articulo { width: 260px; height: 310px; float:left; border: 1px red solid; } div.seccion_en_articulo h1 { font-weight:bold; color:#6F6F6F; font-size:14px; letter-spacing:0; font-family:arial,tahoma; text-align:left; padding-left: 8px; margin:0px; } div.seccion_en_articulo h2 { font-weight:normal; color:#474747; font-size:12px; letter-spacing:0; font-family:arial,tahoma; text-align:left; padding:4px 8px; margin:0px; } div.seccion_en_articulo h3 { text-align:left; color:#2D6188; font-size:12px; bottom: 9px; }