Poner texto arriba de elementos

[NTHINGs]

Buenas, soy novato en html5 y quisiera ver si alguien me puede decir como o darme algún ejemplo de como poner texto o elementos, encima de imagenes u otras cosas, como se puede ver en la página de [URL="https://www.spotify.com/"]spotify[/URL] o por ejemplo en [URL="http://codeando-mexico.herokuapp.com/"]Codeando México[/URL] que viene una imagen de una ciudad y encima un texto y un botón.

[pzin]

Tendrás que usar CSS para ello.

Si es sólo una imagen, se suele usar imágenes para ponerlas como fondo mediante background.

Para otras cosas, depende de cada caso. A veces bastante con unos márgenes negativos, otras veces cambiando las posiciones de los elementos, etc.

[kanutocm]

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.