Exercise : Best Section (by Stefanie Hatcher)

Write a page that gives 5 reasons your section is the best. Start from best.html. As much as possible, try to change only the CSS.

  1. Fill in the incomplete page content such as the page heading, your section number, and your 5 reasons why your section is best.
  2. Pick 3 of your favorite images to put on the top of the page.
  3. Modify the CSS so that the three images appear in a line centered horizontally within the page. Each image should occupy 1/4 of the page width.
  4. The area of the top heading and images should have a 5px dotted border.

Exercise continued

  1. Center the list of 5 reasons horizontally within the page (the list itself, not the text in it). Make the list occupy half of the width of the page.
  2. Make the list of reasons have a "shadow" by giving it a thick, dark border on its right and bottom.
  3. Make the list "taller" by placing 1em of vertical spacing between list items.
  4. Emphasize one of the reasons in your list with a thick dashed border, 1/2 em away from the text on all sides.
  5. Make the paragraph above the list have a colored background, but make the text in the paragraph have a different background color and be underlined.

Exercise example output

best section