Come inserire tag div Side by Side

November 10

Come inserire tag div Side by Side


elementi di stile HTML ti danno la possibilità di creare layout di pagina web ricche e accattivanti che non sono vincolati alla configurazione tavolo tradizionale. Per esempio, se si hanno due contenitori con differenti altezze verticali e si desidera posizionarli uno accanto all'altro, non avere a che fare con le limitazioni e problemi di compatibilità del browser inerenti estende una cella su più righe. Utilizzando un elemento di "galleggiare" in stile, è possibile posizionare due contenitori DIV fianco a fianco.

istruzione

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

2 Aggiungere il seguente codice al tag del primo contenitore DIV nella sequenza di quelle che vuole posizionare uno accanto all'altro:

style = "float: left"

3 Ripetere il passaggio 2 con i tag delle restanti contenitori DIV nella sequenza.

Consigli e avvertenze

  • È inoltre possibile utilizzare un valore di "diritto" al posto di "sinistra" per il valore dello stile galleggiante se si vuole allineare i contenitori per il diritto del loro contenitore principale.