Come ottenere DIV per visualizzare uno accanto all'altro

June 15

Come ottenere DIV per visualizzare uno accanto all'altro


Cascading formato fogli di stile (CSS) e organizzare le pagine web. La pagina Web può includere uno o più DIV per ogni sezione, e una sezione può apparire sopra, sotto o di fianco altre sezioni. Visualizzazione DIV uno accanto all'altro è un modo pratico per presentare i contenuti all'interno di colonne o per bilanciare la pagina. Con galleggiante DIV in CSS, è possibile personalizzare in cui la DIV va, e galleggiare contenuti a sinistra oa destra della pagina.

istruzione

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

2 Aggiungere il seguente codice dopo il tag <HEAD>:

<Style type = "text / css">

<! -

sinistra {

float: left;

width: 50%;

}

destra {

float: left;

width: 50%;

}

->

</ Style>

3 Inserire il seguente codice all'interno del vostro tag <body> per posizionare div uno accanto all'altro:

<Div id = "left"> Questo è il contenuto di sinistra. </ Div>

<Div id = "right"> Questo è il contenuto a destra. </ Div>

4 Selezionare "File" e "Salva" per aggiornare le modifiche.