Instructions for Worksheet #9

1. Open the file "pagec_45.html" in your editor. You will NOT re-save this file as "pagec_45.html." (See #8 below.)
2. Add a background color and a border to the page.
3. <h1> heading:
   • Put a border under the heading to serve as an underline.
   • Use the width property so that the border does not extend beyond the text itself. Play with different values. (Remember that you can use decimals.)
   • Use the margin property to move the heading away from the edge of the page.
4. <h2> heading:
   • Add a background color.
   • Add some padding so that the heading's text does not abut the border.
   • Use the width property so that the background does not extend much beyond the text itself. Play with different values so that the space between the right and left sides of the text is about the same. (Remember that you can use decimals.)
5. Use the margin property to move:
   • the picture of the sandwich. If you don't see much change, make the border bigger.
   • the headings so that they don't abut the border of the page itself.
6. Put a border around the ordered list.
7. Put a border around the unordered list. Don't use the same style border you used for the ordered list.
8. Save your work as "wksht09.html" or "wksht09.htm" — NOT as "pagec_45.html". Play, save, check your work. Play, save, check your work. Play, save.............