Images : Wrap Text Around

Link To Us | Bookmark EchoEcho.Com

Site Map

Home > Tutorials > HTML > Images

HTML Images :

WRAP TEXT AROUND

In addition to the vertical alignments covered on the previous page, images can also be aligned horizontally.

To do this, add align="left" or align="right" to the <img> tag.

Consider these examples to see how it works:

HTML-CODE	EXAMPLE
<img src="rainbow.gif" align="left"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla	bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
<img src="rainbow.gif" align="right"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla	bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Another way to obtain the same effect would be to enter the image and text in an invisible table. Entering text in one column and the image in another would create a similar effect.

You can learn more about tables here.

Otherwise, you should proceed to the next section to learn how to use images as backgrounds for the entire page.

<< PREVIOUS

BACK TO MENU >>

HTML IMAGES

HTML TUTORIAL

HTML REFERENCE

TOP TUTORIALS

CSS

5000 MB Server space !!
60 GB Traffic/Month !!
Php dynamic pages
Perl/cgi scripts
MySQL databases
Password protected folders
Advanced log file stats
Spam & Virus checked mail
Auto-installed scripts:
Forums, Chat, Shop,
Photo album, Livehelp etc.

Nothing beats this deal:

$7.50/month!

� Read More

DEVELOPER TIP!

FACT:
Netscape browsers use a different color definition for it's HTML than what it uses for images on the page.
TIP:
Use one of the 216 safe colors or use a plain background image in a non-safe color to make sure the background of your page match the images.

"Better Than Books - As Easy As It Gets!"

About EchoEcho