Usa un modal para los cuadros de diálogo, mensajes de confirmación u otro contenido que se pueda acceder. Para que el modal funcione, debe agregar la identificación modal al enlace del activador. Para agregar un botón de cierre, simplemente agregue la clase .modal-close a tu botón.
<div id="modal1" class="modal">
<div class="modal-header">
<h3>Titulo del modal</h3>
</div>
<div class="modal-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="modal-footer">
<a href="#!" class="boton boton-aceptar modal-close">Aceptar</a>
<a href="#!" class="boton boton-cancelar modal-close">Cerrar</a>
</div>
</div>