-
Cómo centrar un div dentro de una Div
-
Un div es un elemento contenedor creado por una abertura "<div>" y cierre la etiqueta "</ div>". etiquetas div sustituyen a los "<table>" etiquetas en desuso de la versión anterior del lenguaje de programación web HTML. Div contenedores pueden contener texto, imágenes, vídeo o incluso un sitio web completo. Si desea centrar su sitio web, puede encerrarlo dentro de una etiqueta div dentro de una etiqueta div más grande. Esto mantendrá el contenido en el centro de la pantalla, independientemente del tamaño de la ventana del navegador.
Instrucciones
1 Abra el documento de página Web en un editor de texto.
2 Haga clic para colocar el cursor en cualquier lugar entre el "<body>" y "</ body>" etiquetas.
3 Escriba lo siguiente:
<Div style = 'text-align: center; Anchura: 600px; ">
Esta línea de código crea el contenedor div exterior y hace que sea 600 píxeles de ancho (este valor se puede cambiar según sea necesario o se establece en "100%"). El "text-align: center;" la propiedad se alineará el texto, las imágenes o los contenedores div para el centro del contenedor div exterior cuando se representa en Internet Explorer 6 y versiones más recientes.
4 Escriba lo siguiente:
<Div anchura style = ': 300px; text-align: left; margin: 0 auto; ">
Esto crea el contenedor div interior con un ancho de 300 píxeles (la anchura se puede cambiar a cualquier valor menor que el ancho definido de la etiqueta div exterior en el paso anterior) y alinea el texto dentro del contenedor div interior para el valor por defecto de " izquierda." El "margin: 0 auto;" Propiedad centra el div contenedor interno dentro del contenedor div exterior.
5 Tipo "</ div>" para cerrar la etiqueta div contenedor interior.
6 Tipo "</ div>" para cerrar la etiqueta div contenedor exterior.
7 Haga clic en "Archivo" y "Guardar" para guardar el documento de página Web.
