Come centrare un corpo HTML

January 14

Come centrare un corpo HTML


Il tag body HTML contiene gli attributi della pagina Web, come ad esempio i suoi caratteri, colore di sfondo e l'allineamento. L'allineamento predefinito per il tag body è impostato per allineare il testo a sinistra. Centratura aiuta a bilanciare il contenuto della pagina in un browser Web. Purtroppo, centrando funziona in modo diverso in alcuni browser, come Internet Explorer e Netscape Navigator 4. Come tale, si dovrebbe codice specifico per i vari browser in cui potrebbe apparire la vostra pagina. La proprietà dei margini text-align e manico di centraggio.

istruzione

1 Aprire un editor di testo, come Blocco note, TextPad o EditPad. Selezionare "File" e "Apri" dal menu, e fare doppio clic sul file HTML che si desidera modificare.

2 Vai al file tag head e inserire il codice seguente per creare uno stile che si concentra la vostra pagina in più browser Web. Il codice "margine di 0 auto;" imposta i margini superiore e inferiore a zero ed i margini destro e sinistro per regolare automaticamente. Il codice "text-align: center;" centri tua pagina.

<Style type = "text / css">

<! -

body {

margin: 0 auto;

text-align: center;

}

wrapper {

margin: 0 auto;

text-align: left; /

Previene il contenuto della confezione dalla centratura e in Firefox /

}

->

</ Style>

3 Inserire il seguente codice tra l'apertura e la chiusura del corpo tag da applicare al contenitore centrato con testo allineato a sinistra:

<Div id = "wrapper"> contenuto della pagina </ div>