Una forma de hacerlo es trabajando con el atributo "position" de CSS.
HTML:
Código HTML:
<div class="contenedor-imagen">
<img src="mi-imagen.jpg">
<p>Hola mundo</p>
</div>
CSS:
Código:
.contenedor-imagen
{
position:relative;
}
.contenedor-imagen img, .contenedor-imagen p
{
position: absolute;
}
ALERTA! Si un elemento tiene "position:absolute" y NO está dentro de otro elemento con "position:relative", se irán siempre a la esquina superior izquierda del navegador sin importar el contenido que hubiera antes.