Nwlapcug.com


Come ottenere div al Display uno accanto a altro

Come ottenere div al Display uno accanto a altro


Fogli di stile CSS (CSS) formattare e organizzano le pagine Web. Pagine Web possono includere uno o più div per ogni sezione, e una sezione potrebbe essere visualizzato sopra, sotto o al lato di altre sezioni. Visualizzati da DIV uno accanto a altro è un modo pratico per presentare contenuti all'interno delle colonne o per bilanciare la pagina. Facendo galleggiare il DIV in CSS, è possibile personalizzare dove va il DIV e galleggiare il contenuto a sinistra o a destra della pagina.

Istruzioni

1

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

2

Aggiungere il seguente codice dopo il tag < HEAD >:

< style type = "text/css" >

<!...

sinistra () {

float: left;

Larghezza: 50%;

}

destra () {

float: left;

Larghezza: 50%;

}

-->

< / stile >

3

Inserire il codice seguente all'interno il tag < BODY > posizionare div uno accanto a altro:

< div id = "left" > questo è il contenuto a sinistra. < / div >

< div id = "right" > questo è il giusto contenuto. < / div >

4

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