Cómo verticalmente Centrar texto en DIV

HTML es el lenguaje utilizado para diseñar páginas web y sitios web a través de Internet. HTML contiene una serie de elementos que se pueden utilizados para la sección de su página web, así como el formato del contenido dentro de ellos. etiquetas DIV son uno de los elementos HTML. etiquetas DIV se utilizan a menudo en combinación con hojas de estilo CSS y funcionan bien cuando se trata de dar formato al texto contenido y la alineación dentro de ellos. Creación de una etiqueta DIV que alinea el texto es simple y sólo toma unos pocos y sencillos pasos.

Instrucciones

1 Abrir Bloc de notas o su programa de edición de texto favorito.

2 Escribe o copia y pega el siguiente código:

<Style type = "text / css">

#myoutercontainer { position:relative }

#myinnercontainer {position: absolute; superior: 50%; altura: 10em; margin-top: -5em}

</ Style>

...

<Div id = "myoutercontainer">

<div id="myinnercontainer">

& Lt; p> Oye mira! Estoy centrado verticalmente & lt; / p>

& Lt; p> Qué dulce es esto? & Lt;! / P>

& Lt; / div>

</ Div>

3 Haga clic en "Archivo" y luego "Guardar como". Seleccione "Todos los archivos" como el "Guardar como tipo".

4 Guarde el archivo como un archivo HTML mediante la colocación de un .HTML al final del nombre de archivo. Ejemplo: verticallycenterDIV.html.

5 Localizar su página Web guardada en su disco duro y haga doble clic en él. Se debe abrir en el explorador Web.