EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tutorials > HTML > Images


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  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!
FACT:
The scrollbar takes up about 30 pixels.
TIP:
If you're designing for an 800px screen width don't use more than 770 pixels!





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


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho