Tecnología

Inicio

Cómo centrar un div en otro Div

July 14

DIVs ayudan a posicionar elementos en una página web. Puede personalizar la posición de un DIV, lo que le permite flotar forma relativa o absoluta, sobre la base de otros elementos de la página. No sólo pueden contener DIVs texto, imágenes y objetos dentro de una página web, pero pueden contener otros DIVs también. Al igual que el DIV exterior, un DIV en el interior también se puede colocar y peinado. Los atributos de automóviles text-align y márgenes ayudan a centrar el contenido de una página web.

Instrucciones

1 Comience su editor de texto favorito. Seleccione "Archivo" y "Abrir" en el menú. Encuentra y haga doble clic en el archivo HTML que desea dar formato.

2 Añadir el siguiente estilo entre la etiqueta <HEAD>:

<Style>

<! -

fuera de {

text-align: center;

}

dentro {

margen: 0px auto;

anchura: 90%;

}

->

</ Style>

3 Vuelva a colocar el ancho para "#inside" con el ancho real que desea utilizar.

4 Agregue el siguiente debajo de la etiqueta <BODY> de la página, en la que se centra el contenido:

<Div id = "fuera">

<Div id = "dentro"> Lugar centrado en contenidos para el interior DIV aquí </ div>

</ Div>

5 Seleccione "Archivo" y "Guardar" para actualizar el archivo HTML.