Dentro de un div, tengo una < img > y debajo un < h2 >, lo que quiero lograr es centrar el texto dentro de la imagen. Lo que sucede en el siguiente codigo es que se centra, pero al estirar la pagina se descentra.
Este es el codigo del HTML
<div class="presentacion">
<img src="/Imagenes/desdesAfueraVerano.jpg" width="100%">
<h2>Encuentra tu lugar entre las montañas</h2>
</div>
y este el CSS
.presentacion img{
position: relative;}
.presentacion h2{
position: absolute;
top:300px;
right: 120px;
color: white;}