> 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?

Responder la pregunta
Editar Hacer otra preguntaPreguntar

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
40 2 4
Muy buena respuesta Cristian!! gracias!