Come centrare verticalmente il testo in DIV

September 23

HTML è il linguaggio utilizzato per la progettazione di pagine web e siti web su Internet. HTML contiene una serie di elementi che può essere usato per la sezione tua pagina web così come formato il contenuto al loro interno. tag DIV sono uno di quegli elementi HTML. tag DIV sono spesso usati in combinazione con i fogli di stile CSS e funzionano bene quando si tratta di formattare il contenuto e il testo allineando al loro interno. Creazione di un tag DIV che allinea il testo è semplice e richiede solo pochi semplici passaggi.

istruzione

1 Aprire Blocco note o il vostro editor di testo preferito.

2 Digitare o copiare e incollare il seguente codice:

<Style type = "text / css">

#myoutercontainer { position:relative }

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

</ Style>

...

<Div id = "myoutercontainer">

&lt;div id="myinnercontainer">

& Lt; p> Hey look! Sono verticalmente centrato & lt;! / P>

& Lt; p> Come dolce è questo & lt;?! / P>

& Lt; / div>

</ Div>

3 Fai clic su "File" e poi "Salva con nome". Seleziona "Tutti i file" come il "Salva come tipo."

4 Salvare il file come un file HTML mettendo un .HTML alla fine del nome del file. Esempio: verticallycenterDIV.html.

5 Individuare la pagina Web salvata sul disco rigido e fare doppio clic su di esso. Si dovrebbe aprire nel browser Web.