1. Content – This is the normal content.  In HTML it can be a <div>, <section>, <p>, etc.
  2. Padding – This is the spacing between the content and the border.
  3. Border – This is the space that separates the padding and margin.  If no border is set in CSS then think of it as an imaginary border.
  4. Margin – This is the spacing between the border and the surrounding elements.
Next Section » « Previous Section