Main

Make the following changes to the text below using TextWrangler. You may only edit the CSS.

  1. Move the watkins.png background image to be 50 pixels in and 100 pixels down from the top-left corner of the browser window.
  2. Write a new rule that attaches the same background image to the bottom right corner of the main div. Change your rule to keep the yellow background color.
  3. Uncomment the background-attachment declaration and scroll up and down to see fixed background image.
  4. Add a rule that attaches the background image glyph.png to the bottom of the h1 (the word "Main"). Center the text and add bottom padding and margin to improve the vertical spacing.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.