Soy nuevo en esto del diseño web y estoy aprendiendo por mi cuenta. Me encuentro creando un pop up que aparece automáticamente cuando la pagina se carga. El problema es que al pulsar el botón de "X" el Pop-up no se cierra. No sé de qué otra manera lo puedo hacer para que cierra o que estoy haciendo mal con el código que tengo. Esta forma de hacer el botón la encontré en un Youtube, en el video funcionaba bien.
<div class="modal">
<div class="contenido">
<div id="popup-texto">
<h1>Lorem Ipsum</h1>
<p><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut imperdiet dolor sit amet dolor molestie, sed luctus ante dignissim. Vestibulum molestie pharetra imperdiet. .</p>
</div>
<img src="img/popup.png" alt="" id="imagen-popup">
<a href="#" class="btn-cerrar-popup">X</a>
</div>
</div>