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>
|