This just goes to show that an image is an inline elements. The image has a 2px border and 10px of space on either side.

Since images are inline, they need to be inside a block-level element. Here we have a map of Fresh Pond Station. Let's set it to the left of this text and add a 10px border. While we're at it, let's space it out a little bit, 25px on all four sides should be nice. Resize the browser window to see what happens. Amazing, no?

Let's get the falcon and owl to face off over this paragraph. Of course, first we need to get below the Fresh Pond map, so an element and attribute is needed before this paragrsph. Also, add a link around the falcon and point it to commons.wikimedia.org.

All images came from Wikimedia Commons.

Back to class page