<img src="basic-web-html-07-images-boxmodel.gif" alt="How CSS treats a box" />
  
    <p>As you can see from the diagram above, each box has a <b>border</b>.
    Between the content and the border you can have <b>padding</b>, and
    outside of the border you can have a <b>margin</b> to separate this box
    from any neighboring boxes.</p>
  </body>
  </html>