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:
Internet Explorer can be locked so it won't show specific content.
TIP:
If your site is not rated with RASCi it can't be seen on parental locked browsers.

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

About EchoEcho