Web Publishing Wk 3 - box

box model - box or rectangular container

Content - Background color - Padding or spacing - Border - margin (invisible)

Using margin - can position elements on page

div element will take up maximum width it can

by default - set to zero
padding is added to height & width
background image will appear within the padding and the height & width
border will also be added to height & width in some browsers
margin is 100px

text

remember that this would be 220px by 220px or in some browsers 222px by 222px
margin on outside of box 100px