Come centrare un DIV in un altro Div

May 7

DIV aiutano a posizionare elementi di una pagina web. È possibile personalizzare la posizione di un DIV, che galleggi relativo o assoluto, sulla base di altri elementi della pagina. Non solo è possibile DIV contenere testo, immagini e oggetti all'interno di una pagina web, ma possono contenere altri DIV pure. Come il DIV esterno, un DIV interno può anche essere posizionato e stile. Gli attributi di auto text-align e margine aiutano a centrare il contenuto di una pagina web.

istruzione

1 Avviare un editor di testo. Selezionare "File" e "Apri" dal menu. Trovare e fare doppio clic sul file HTML che si desidera formattare.

2 Aggiungere il seguente stile tra il tag <HEAD>:

<Style>

<! -

al di fuori {

text-align: center;

}

dentro {

margin: 0px auto;

width: 90%;

}

->

</ Style>

3 Sostituire la larghezza per "#inside" con la larghezza effettiva che si desidera utilizzare.

4 Aggiungere il seguente sotto il tag <BODY> della pagina, in cui il contenuto sarà centrato:

<Div id = "al di fuori">

<Div id = "dentro"> posto centrato contenuti per interni DIV qui </ div>

</ Div>

5 Selezionare "File" e "Salva" per aggiornare il file HTML.