Silly CIA Part 2

Silly CIA Part 2

Use the HTML article from theonion.com that you formatted in Part 1.

Instructions

Style the article using the following:

  1. Make the main headline dark green.
  2. Use the font family "Georgia" for the main headline and the sub-headline.
  3. Center the text of the main headline and the sub-headline.
  4. Make the paragraphs have a line height of 25 pixels.
  5. Remove the underline from the links.
  6. Make the "You might also like" label all uppercase.
  7. Bonus: Make an underline appear when you hover over a link.
  8. Bonus: Make the image 'float' to the left of the body content.

Exercise 2 Solution

Hints

Best practice: CSS should be completely separate from the pure HTML. While it is possible to make CSS inline and even in the HEAD of an HTML file, most of the time it is best if all the CSS is in its on file, and then linked to in the HTML file. This allows us to have multiple HTML pages in a website that use the same styles. To link a CSS file to your HTML file, use the following code:

<link href="path_to_your_css_file" rel="stylesheet">