Heading Goes Here



A line of information
A line of information

More information
More information

Paragraphs of information to go next. And don't forget the ending blurb.

Use the following information when you are trying to line up your images a certain way! (This information was reprinted with permission from http://www.bellcow.com/graphics.html)

Text Alignment with Images

Text can be aligned with an image at the top, middle, or bottom of the image. Once text reaches past the end of your image, it will wrap around the image. The following examples illustrate this point.

ALIGN=TOP
A beautiful autumn day.

ALIGN=MIDDLE
A day in the desert calm.

ALIGN=BOTTOM
A peaceful stream to float upon.

NO ALIGNMENT
Where upon have we now ventured? Perhaps its Venus, Pompeii or Atlantis? Many moons and many stars. I somewhat believe we've landed on Mars.

ALIGN=TOP, with wrapping text
Where upon have we now ventured? Perhaps its Venus, Pompeii or Atlantis? Many moons and many stars. I somewhat believe we've landed on Mars.

YUK! That isn't what we wanted at all.

ALIGN=LEFT
Where upon have we now ventured? Perhaps its Venus, Pompeii or Atlantis? Many moons and many stars. I somewhat believe we've landed on Mars.

ALIGN=RIGHT
Where upon have we now ventured? Perhaps its Venus, Pompeii or Atlantis? Many moons and many stars. I somewhat believe we've landed on Mars.

Another key tag for working with positioning flowing text with images is the CLEAR attribute of the BR tag. This creates a break for the information that follows, by first ensuring that the margin is clear. Many times the image may be physically larger than the text associated with the image. At times, you would like to start information, forcing the line to break where the image ends. This code will provide that capability to break when the left, right, and both margins are clear - NOTE: you only need one of these commands, all are shown for illustration.

    <BR CLEAR=LEFT>
    <BR CLEAR=RIGHT>
    <BR CLEAR=ALL>

If you'd like the words to be aligned and centered with the image, you can use tables. Check out a very good Tables Tutorial.

Image/Text Formatted in Table
Where upon have we now ventured? Perhaps its Venus, Pompeii or Atlantis? Many moons and many stars. I somewhat believe we've landed on Mars.


Our Home Page

Adlai E. Stevenson High School
1 Stevenson Drive
Lincolnshire, IL 60069
847.634.4000