cigarettes & coffee

This is an excellent diagram of how the CSS box model works. Shows quite clearly where padding, margins, etc. live in relation to the element. Study it carefully, as it’s the underpinning of how to use CSS for page layout.

CSS Box Model Hierarchy

This diagram was shamelessly lifted from Jon Hick’s boxmodel article.

(Possibly) Related Posts

• The horrors of web site creation
• Tech info about the site
• Taming Margins and Padding
• Layout Visibility
• Just leave it alone