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-CODEEXAMPLE



<img src="rainbow.gif"
align="left">
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla

left aligned imagebla 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

left aligned imagebla 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 >>  
















DEVELOPER TIP!





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