Midterm Quiz

Left column

Instructions:

  1. Give the section tag a 700px width.
  2. Make the section tag center in the window. Hint. The section is a block element, so aligning the text does not work.
  3. Add 3px grey border on the bottom of the header tag.
  4. Display the menu horizontally across the page. (where did the list-style go?)
  5. Remove the underline from the links and color them white, color background red. Give the links a 10px margins and 10px 20px padding.
  6. Style the hover green.
  7. The left and right columns are 150px and the background is to be colored "silver", the center column is 400px and the background is colored #ddd;.
  8. Using floats, position the three content boxes so that the web page is a 3 column layout.
  9. Add 10px margin to the paragraphs

Right column

Part 2

Left column

Instructions:

  1. Keep the width and background color of the columns from above.
  2. Using the display property, turn these three content boxes into table-columns to create the same three column layout.
  3. Hint. Display the container as a table and the three columns as table cells.

Right column