Wie man ein Div in einem anderen Div zentrieren

Div-Tags können Sie Elemente auf einer Seite positionieren. Sie können die Position eines DIV, so dass sie relativ oder absolut, schweben anpassen basierend auf andere Elemente auf der Seite. Nicht nur können DIVs enthalten Texte, Bilder und Objekte innerhalb einer Web-Seite, sondern sie können auch andere DIVs halten. Wie die äußeren DIV, einer inneren DIV auch positioniert und gestaltet werden kann. Das übereinzustimmen und Marge automatisch Attribute Hilfe Sie den Inhalt einer Webseite zentrieren.

Anweisungen

1 Starten Sie einen Texteditor. Wählen Sie im Menü "Datei" und "Open". Suchen Sie und doppelklicken Sie auf die HTML-Datei, die Sie formatieren möchten.

2 Fügen Sie den folgenden Stil zwischen dem < HEAD >-Tag:

< Stil >

<!--

außerhalb {} Text-align: center;

}

innerhalb {} Margin: 0px Auto;

Breite: 90 %;

}

-->

< / style >

3 Ersetzen Sie die Breite für "#inside" durch die tatsächliche Breite, die Sie verwenden möchten.

4 Fügen Sie die folgenden unten das < BODY >-Tag der Seite, wo der Inhalt zentriert werden:

< Div Id = "außerhalb" >

< Div Id = "inside" > Ort zentriert Inhalte in DIV hier < / Div >

< / Div >

5 Wählen Sie "Datei" und "Speichern", um die HTML-Datei aktualisieren.