Development of the Box Model Example *************************** Version 2 Box model

Version 2 Box Model

First div element

Second div element
is right here

*************************** add padding

First div element

Second div element
is right here

**************************** add margin to first div

First div element

Second div element
is right here

**************************** add margins to both. Why is the vertical separation unchanged?

First div element

Second div element
is right here

margin collapse - when 2 margins abut, they do not add together Margins and padding are best viewd in Firebug/HTML/Layou