4. Code a style rule for the main element that puts padding around its contents. Then, code a style rule for the footer that puts a blue border above it. Note that this border doesn’t touch the border for the body. 5. Code style rules for the h1, h2, and h3 elements. The h1 font should be 150% of the default specified in the body, the h2 font should be 125% of the default font, and the h3 font should be 115% of the default font. The h1 font should also be blue. Then, apply appropriate margins or padding to the h1, h2, and h3 elements so the spacing before and after the headings is similar to what’s shown above. 6. Code the style rules for the , blockquote, ul, and li elements so the spacing before and after the elements is similar to what’s shown above. 7. Code a style rule for the cite element that changes its color to blue and removes the italics from the text. 8. Code a style rule for the paragraphs that contain cite elements. This style rule should right align the paragraphs and increase the spacing below to .75em. One way to do this is to add a class attribute to these paragraphs and use that class as the selector for the style rule. 9. Float the image to the left and apply appropriate margins or padding so the text flows to its right as shown above. 10. Apply rules to the footer or the paragraphs within the footer so the font size is 90% of the default, the font weight is bold, the paragraphs are centered, and the spacing above and below is similar to what’s shown above. I need help coding this css, the directions are above
4. Code a style rule for the main element that puts padding around its contents. Then,
code a style rule for the footer that puts a blue border above it. Note that this border
doesn’t touch the border for the body.
5. Code style rules for the h1, h2, and h3 elements. The h1 font should be 150% of the
default specified in the body, the h2 font should be 125% of the default font, and the
h3 font should be 115% of the default font. The h1 font should also be blue. Then,
apply appropriate margins or padding to the h1, h2, and h3 elements so the spacing
before and after the headings is similar to what’s shown above.
6. Code the style rules for the <p>, blockquote, ul, and li elements so the spacing before
and after the elements is similar to what’s shown above.
7. Code a style rule for the cite element that changes its color to blue and removes the
italics from the text.
8. Code a style rule for the paragraphs that contain cite elements. This style rule should
right align the paragraphs and increase the spacing below to .75em. One way to do
this is to add a class attribute to these paragraphs and use that class as the selector for
the style rule.
9. Float the image to the left and apply appropriate margins or padding so the text flows
to its right as shown above.
10. Apply rules to the footer or the paragraphs within the footer so the font size is 90% of
the default, the font weight is bold, the paragraphs are centered, and the spacing
above and below is similar to what’s shown above.
I need help coding this css, the directions are above
Trending now
This is a popular solution!
Step by step
Solved in 2 steps
