<<< Home << Web < Images Top Bottom < Prev Next >

Image Alignment

Left and Right Alignment

Use of <p> tags

When you use align="left" or align="right", text flows around the image. You can include the <img> tag within the paragraph, or you can have it before the paragraph. Here's an example of having it inside the paragraph.

One of their children, Cain, once asked, "Am I my brother's son?"

God asked Abraham to sacrifice Isaac on mount Montezuma.


<p>
  <img ... align="left" />
  One of their children, Cain, once asked,
  "Am I my brother's son?"
</p>
<p>
  God asked Abraham to sacrifice Isaac on
  mount Montezuma.
</p>

Now here's an example where the image is placed outside the paragraphs:

Jacob, son of Isaac, stole his brother's birth mark.

Jacob was a patriarch who brought up his twelve sons to be patriarchs, but they did not take to it.


<img ... align="right" />
<p>
  Jacob, son of Isaac, stole his brother's birth mark.
</p>
<p>
  Jacob was a patriarch who brought up his twelve sons
  to be patriarchs, but they did not take to it.
</p>

The Clear Attribute of <br>

You may want to display some text beside an image, and then have the next text drop down below the image. The clear attribute of the <br> tag can be used for this. clear="left" drops the next text down as far as needed until it can be placed at the far left. clear="right" drops the text down until it can be placed at the far right. clear="all" drops the text down until both sides are clear.

One of Jacob's sons, Joseph, gave refuse to the Israelites.


Pharaoh forced the Hebrew slaves to make bread without straw.


<p>
  <img ... align="left" />
  One of Jacob's sons, Joseph, gave refuse
  to the Israelites.
</p>
<br clear="left" />
<p>
  Pharaoh forced the Hebrew slaves to make
  bread without straw.
</p>

In this next example, clear="right" is used to drop the text down below the image on the right, and then clear="all" is used to drop the next text below both images.

Moses led them to the Red Sea where they made unleavened bread, which is bread made without any ingredients.


Afterwards, Moses went up on Mount Cyanide to get the ten commandments.


David was a hebrew king skilled at playing the liar. He fought with the Philatelists, a race of people who lived in Biblical times.


<img ... align="left" />
<img ... align="right" />
<p>
  Moses led them to the Red Sea where they
  made unleavened bread, which is bread
  made without any ingredients.
</p>
<br clear="right" />
<p>
  Afterwards, Moses went up on Mount Cyanide
  to get the ten commandments.
</p>
<br clear="all" />
<p>
  David was a hebrew king skilled at playing
  the liar.  He fought with the Philatelists,
  a race of people who lived in Biblical times.
</p>

<<< Home << Web < Images Top Bottom < Prev Next >