Hvordan få divs som skal vises ved siden av hverandre

September 12

Cascading Style Sheets (CSS) format og organisere websider. Web side kan omfatte en eller flere divs for hver seksjon, og en del kan vises over, under eller ved siden av andre seksjoner. Viser divs ved siden av hverandre er en praktisk måte å presentere innholdet i kolonner eller å balansere på siden. Ved flytende DIV i CSS, kan du tilpasse hvor DIV går, og flyte innholdet til venstre eller høyre på siden.

Bruksanvisning

1 Åpne et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad. Velg "File" og "Open" fra menyen. Finn og dobbeltklikk på HTML-filen du ønsker å formatere.

2 Legg til følgende kode etter <HEAD> tag:

<! -

venstre {

float: left;

width: 50%;

}

høyre {

float: left;

width: 50%;

}

</ Style>

3 Sett inn følgende kode i ditt <BODY> tag å plassere divs ved siden av hverandre:

<Div id = "left"> Dette er den venstre innhold. </ Div>

<Div id = "right"> Dette er riktig innhold. </ Div>

4 Velg "Fil" og "Lagre" for å oppdatere endringene.