Wie man div-Tags zur Anzeige neben einander

Cascading Stylesheets (CSS) formatieren und Webseiten zu organisieren. Ihre Webseite beinhalten eine oder mehrere DIVs für jeden Abschnitt, und ein Abschnitt kann über, unter oder neben anderen Bereichen angezeigt. DIVs nebeneinander anzeigen, ist eine praktische Möglichkeit, Inhalte in Spalten darzustellen oder die Seite auszugleichen. Durch schwebend das div-Tag in CSS, können Sie anpassen, wo geht das DIV und Inhalt nach links oder rechts auf Ihre Seite zu schweben.

Anweisungen

1 Öffnen Sie einen Texteditor wie Notepad, TextPad oder EditPad. 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 Code nach dem < HEAD >-Tag:

< Typ style = "Text/Css" >

<!--

linken {} Float: Left;

Breite: 50 %;

}

richtige {} Float: Left;

Breite: 50 %;

}

-->

< / style >

3 Fügen Sie folgenden Code in Ihre < BODY >-Tag, DIVs nebeneinander zu platzieren:

< Div Id = "Left" > Dies ist die linke Inhalt. < / Div >

< Div Id = "Right" > Dies ist der richtige Inhalt. < / Div >

4 Wählen Sie "Datei" und "Speichern", um Ihre Änderungen zu aktualisieren.