Basic CSS Exercise

Start by creating the page shown below with HTML. Use the following images (right-click to save), and set them to 150px tall.

   

Also, use the following text for your page (copy and paste into your HTML document):

An eagle sat on a lofty rock, watching the movements of a Hare whom he sought to make his prey. An archer, who saw the Eagle from a place of concealment, took an accurate aim and wounded him mortally. The Eagle gave one look at the arrow that had entered his heart and saw in that single glance that its feathers had been furnished by himself. "It is a double grief to me," he exclaimed, "that I should perish by an arrow feathered from my own wings."

A dog, used to eating eggs, saw an Oyster and, opening his mouth to its widest extent, swallowed it down with the utmost relish, supposing it to be an egg. Soon afterwards suffering great pain in his stomach, he said, "I deserve all this torment, for my folly in thinking that everything round must be an egg."


The Eagle and the Arrow
We often give our enemies the means for our own destruction.
The Dog and the Oyster
They who act without sufficient thought, will often fall into unsuspected danger.
Look before you leap.

The page should look like this:

Once you're done with that, apply the following styles with an external style sheet:

The final product should look like this: