> Faqs > Cómo puedo poner un texto sobre una imagen en HTML

Cómo puedo poner un texto sobre una imagen en HTML

Quiero poner un texto sobre una imagen, en html.

¿Qué código HTML debo usar para poner un texto encima de la imagen?

Respuestas

La etiqueta img no tiene ningún atributo para poner texto dentro de ella. Para lograr lo que quieres debes usar varios div y jugar con las propiedades position y display.

<div class="contenedor">
  <img src="../imagen.jpeg" />
  <div class="centrado">Centrado</div>
</div>


<style>
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}
 

.centrado{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
</style>
Cristian
125 6 13
Muy buena respuesta Cristian!! gracias! ¡¡¡ GRACIAS !!!