Nwlapcug.com


Come inserire tag DIV fianco a fianco

Come inserire tag DIV fianco a fianco


Elementi di stile HTML vi diamo la possibilità di creare layout di pagina Web ricco e accattivante che non sono vincolati all'impostazione tradizionale al tavolo. Per esempio, se si dispone di due contenitori con diverse altezze verticali e si desidera posizionarli uno accanto a altro, non avete a che fare con le limitazioni e problemi di compatibilità browser inerente si estende una cella su più righe. Utilizzo di un elemento di stile "galleggiante", è possibile posizionare due contenitori DIV fianco a fianco.

Istruzioni

1

Aprire la pagina Web con i contenitori DIV che si desidera posizione fianco a fianco nel vostro editor di testo preferito.

2

Aggiungere il seguente codice nel tag del primo contenitore DIV nella sequenza di coloro che si desidera posizionare uno accanto a altro:

Style = "float: left"

3

Ripetere il passaggio 2 con i tag dei contenitori DIV rimanenti nella sequenza.

Consigli & Avvertenze

  • È anche possibile utilizzare un valore di "destra" invece di "sinistra" per il valore dello stile galleggiante se si desidera allineare i contenitori a destra del contenitore padre.