For this project, we will not delete any rules in our CSS stylesheet, especially the html document rule that is making our screen red. Yes, our red background-color is back! We will also not change or delete any of the content in our HTML document. And, without changing any of the CSS rules for html, what three CSS rules can we add to the body to make the document body the exact same size as our html document, thus covering up all of the red on our screen? Now add those three body rules to "get the red out". (Hint: Please review the plane-geometry project, if you are unsure about how to do this.)
Question 1. Are there any HTML elements on this web page that are not block elements?
Question 2. It appears that the default width of the document body is 100%. Is that true?
Question 3. Do all block elements have some default amount of margin and padding?
Question 4. Is it true that all block elements are forced to be on a line by themselves?
Question 5. Is it possible that all block elements have a default width of 100%?
Question 6. Can we change margin and padding on block elements?
Question 7. Is the default height of the html document 100%?
Bonus Question. If we wanted to place two block elements next to each other, we would have to change the default value of the display property for those elements. Please add a new CSS rule to change the default value of the display properties for all h3 headings above, so that these two h3 headings sit next to each other. Now recheck your answers for Questions 1 through 7, and then click here.