top left
The HTML Source Logo


 html
Top Right
    
 Getting StartedHow Do I...TroubleShootingPromotionContact Us
 html
HTML
SEARCH THE SITE
advanced search



CATEGORIES
Home
Getting Started
HTML Cheat Sheet
Webmaster Tools
HTML Help Forum
Color Codes
Link to us









































bottom
HTML HTML HTML HTML
How do I wrap text around an image?


You can wrap the text on your page around an image, this gives your web page a more professional look.

How to do it

To get your text to wrap around an image, just place ALIGN="?" into your <IMG> tag.

Then replace the ? with either left or right. (left if you want the text to wrap around the right side of your image, and right if you want the text to wrap around the left side of your image.

Finally, you place the text you want to wrap around your image.

Your code should look something like this:

<IMG SRC="YOUR IMAGE.GIF" ALIGN="left">Text you want to wrap goes here

or

<IMG SRC="YOUR IMAGE.GIF" ALIGN="right">Text you want to wrap goes here

EXAMPLE


<img src="clown.gif" ALIGN="left"> This text will wrap around the right side of the image.......

Will show this:

This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. This text will wrap around the right side of the image. br>


<img src="clown.gif" ALIGN="right"> This text will wrap around the left side of the image.......

Will show this:

This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image. This text will wrap around the left side of the image.



< BACK







Company   |   Careers   |   Partners   |   Advertising   |   Help
Privacy Policy   |   Trademark Notices   |   User Agreement
© 2001 TheHTMlSource.com, INC. All Rights Reserved.



Site hosted by Angelfire.com: Build your free website today!