tag DIV hanno una gamma più ampia di funzioni rispetto alle comuni tag HTML . Si crea un sito web versatile quando si utilizza questo tipo di strumento . Tabelle HTML regolari sono difficili da progettare e non sono così flessibili . Tag DIV sono parte del documento HTML complessiva . È possibile aggiungere questi tag ogni volta che è necessario inserire colonne all'interno della vostra pagina web. Dopo aver ottenuto il colore di sfondo o texture scritto nel documento , potrete inserire i tag DIV per fare le colonne . Istruzioni 
 1 
 Aggiungi il codice " < div style = ' " per ogni linea separata delle colonne . Questo spiega lo scopo del codice iniziale . 
 2 
 Inserire l'altezza, la larghezza e il bordo pixel . Il codice verrà visualizzato quanto " < div style = 'Altezza : 550px ; width: 220px ; border : 3px " . Se non si desidera un bordo intorno alla vostra colonna , impostare il pixel confine a zero 
 
 3 
 Impostare il colore del bordo. È possibile utilizzare gli stessi o differenti colori . Usare " solido " o "Double" per il tipo di bordo . Il tuo codice sarà ora simile a " < div style = ' height: 550px ; width: 220px ; border : 3px solido nero ; " 
 4 
 Aggiungi l'allineamento . Il comando " float " consente ulteriori colonne di allineare accanto alla prima colonna . Inserire " float: (direzione )," per il tag DIV allineamento. Il codice fino a questo punto è " < div style = ' height: 550px ; width: 220px ; border : 3px nero solido ; float: left; " 
 5 
 Fine del tag DIV . Chiudere il codice con "' > ", quindi arrestare con < /div > . Ad esempio , l'intero codice è in questo formato " 
 < /div > " . 
 < Br > 6 
 Aggiungi un'altra colonna accanto alla prima con un altro tag DIV . Ad esempio , se si desidera quattro colonne di una riga , questo sarebbe il codice : 
 < /div > 
 < /div > < div style = ' height: 550px ; width: 220px ; border : 3px solido blu ; float: left; ' > < /div> style='height: 550px; width: 220px; border: 3px solido red; float: left;'> < /div >