Displaying Text With An Image

Posted Friday, February 6, 2004

To display your text wrapping around an image, place the following code within your <IMG> tag followed by your text.

<IMG BORDER="0" ALIGN="Left" SRC="yourimage.jpg"> Your Text

By placing the above code within your HTML, your image will be displayed on the left hand side with your text displayed on the right.

As you continue to type your text, it will automatically format itself to wrap around the right side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. This table's width is set up to span 50% of the page width.

<IMG BORDER="0" ALIGN="Right" SRC="yourimage.jpg"> Your Text

By placing the above code within your HTML, your image will be displayed on the right hand side with your text displayed on the left.

As you continue to type your text, it will automatically format itself to wrap around the left side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. This table's width is set up to span 50% of the page width.