I want my text to continue down the side of an image as it would
in a book, not have just one line of text next to it. Also, how
do you get the text to go back to the proper margin afterwards?
Note: This is supported by most browsers, but not all. Your
layout will not appear the way you plan, but the content will not
be affected.
The trick
is to set your images with either ALIGN="LEFT" or ALIGN="RIGHT".
In either situation, the image comes <B>before</B> the text!
Be certain to always end with the proper <BR> tag- even if a
<P> is after the text.
<BR CLEAR="LEFT"> is used after the text in a left aligned
image to clear the margin back.
<BR CLEAR="RIGHT"> is used after the text in a right aligned
image.
<BR CLEAR="ALL"> takes care of all situations, feel free to
use this one and not worry about it!
example
This paragraph is a nice left aligned one. The image will appear
on the left side of the page with the text wrapping around
next to the image, until there is enough text to get under it.
This is a line of text all by itself, on the left side!
This paragraph is a nice right aligned one. The image will appear
on the right side of the page with the text wrapping around
next to the image, until there is enough text to get under it.
Here is another line by itself!
source code
<IMG SRC="/images/right.gif" HEIGHT="35" WIDTH="35" ALIGN="LEFT">
This paragraph is a nice left aligned one. The image will appear
on the left side of the page with the text wrapping around
next to the image, until there is enough text to get under it.
<BR CLEAR="LEFT">
<P>
This is a line of text all by itself- on the left side!
<P>
<IMG SRC="/images/left.gif" HEIGHT="35" WIDTH="35" ALIGN="RIGHT">
This paragraph is a nice right aligned one. The image will appear
on the right side of the page with the text wrapping around
next to the image, until there is enough text to get under it.
<BR CLEAR="RIGHT">
Here is another line by itself!