challenge #3

1. Open the code3-3_txt.html and code3-3_scroll_txt.css files from the html03 code3 folder. Enter your name and the date in each document and save the files as code3-3.html and code3-3_scroll.css respectively. 2. Go to the code3-3.html file in your editor. Link the file to the code 3-3_scroll.css style sheet file. Review the contents of the document and then save your changes to the file. 3. Go to the code3-3_scroll.css file in your editor. Create a style rule for the section element with the id "container" with the following styles: a. Set the width of the element to 900 pixels and the height to 370 pixels. b. Horizontally center the element by adding a 10-pixel top/bottom margin and set the left/right margin to auto. c. Place the element with relative positioning, setting the top value to 30 pixels and the left value to 0 pixels. d. Add a 2-pixel solid brown outline to the element. e. Have the browser automatically display scrollbars for any overflow content. 4. Create a style rule for every div element, setting the width to 300 pixels and the height to 330 pixels. Position the element with absolute positioning. 5. Display every inline image as a block-level element with a width and height of 300 pixels 6. There are nine div elements with ids ranging from "slide1" to "slideg". Set the left position of the elements in 300-pixel increments starting with 0 pixels for slide 1,300 pixels for slide2, 600 pixels for slide3, and so forth up to 2400 pixels for slide9. 7. Save your changes to the style sheet 8. Open the page in your browser. Verify that the nine Images are displayed within a scroll box and that you can using a horizontal scrollbar scroll through the image __txtml codes-2 layout DX > 1 2 Echtml lang="en"> 3