Margini

margin-bottom

Il margine inferiore di questo box è settato a 70 pixel.

Questo div sarà a 70 pixel dal precedente.

margin-left

Questo div sarà separato di 50px sul lato sinistro rispetto all'elemento contenitore. In questo caso sarà il corpo della pagina.


margin-left in percentuale

Questo div sarà separato da una distanza pari al 30% della larghezza dell'elemento contenitore.


margin-top

In questo caso non abbiamo valori sul margin, esso si espande automaticamente, con larghezza di 300 pixel

Questo div sarà a 50 pixel dal precedente.


margin-right

Questo div si espande per 600 pixel, al suo interno un altro div.

Il margine destro è di 50px.


margin

Qui usiamo la proprietà a sintassi abbreviata margin.

Questo è un div con l'uso della proprietà margin. Larghezza di 600 pixel ed impostazione delle proprietà margin a 20px 50px, 20px e 30px


margin: auto

Centriamo #div9 con l'uso della proprietà margin:auto sui lati sinistro e destro. Purtroppo non funziona in Explorer 5 per Windows.