[SOLUCIONADO] Centrar div emergente

[mblascog]

Buenas,
En un momento dado de la web, quiero visualizar un mensaje emergente que hay que validar.
Para ello he creado una capa que ocupa el 100 del navegador, con color transparente, y en el centro, quiero visualizar el mensaje y esperar que lo confirmen.

El código es el siguiente:

Código HTML:

<div style="width:100%;height:100%;background:black;">
            <div style="border:3px solid white;color:white;width:20%;margin:auto;">
                una prueba de div centrado
            </div>
        </div>
 

De esta forma, la capa sale centrada horizontalmente, pero no verticalmente. Como tendría que hacerlo? Es que dependiendo del dispositivo en el que se visualize, deberá aparecer en una u otra posición.

Y una segunda pregunta, es posible que el segundo div se redimensiona según su contenido, es decir, como el texto es dinámico y la fuente relativa, el ancho debería ir variando.

Gracias.

[pzin]

Para centrar algo en una posición absoluta lo más fácil es usar transformaciones CSS:

Código CSS:

#elemento_a_centrar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
 

Úsese con prefijos propietarios necesarios.

[mblascog]

Gracias pzin, me ha ido perfecto.
Y si quisiera centrar una imagen verticalmente, pero ajustada a la derecha o izquierda, se podría conseguir también?

Ya lo he encontrado. Añadir float left o right, según izquierda o derecha y:

Código CSS:

#elemento_a_centrar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
 

Gracias.