A6 – The Box Model

The goal of this assignment is to understand the CSS box model and learn how to use the padding, margin, width, height, and display properties with div elements.


For this assignment you must follow all of the rules specified below.  Failure to follow any of the rules will result in a grade of zero for the assignment.

1. Add a file named box_model.html to …/public_html/courses/csci230/ and a file named box_model.css to …/public_html/courses/csci230/css/.

2. Edit your files so that you produce a page identical to this page.

3. You are only allowed to use the following elements (in any quantity).

  • body
  • br
  • div
  • head
  • html
  • link
  • meta
  • title

4. You are only allowed to use the following CSS properties.

  • background-color
  • border-radius
  • display
  • font-size
  • height
  • padding
  • width

© 2020 – 2021, Eric. All rights reserved.