Internet Brothers - HTML Tips and Tools for Web Graphics

Internet Brothers: Helpware for the Cybercommunity - Graphics Tips

Making Text Wrap Around Graphics

Sometimes text and graphics combinations look best when the text is wrapped around the graphic. Examples would be mastheads or columnar reports. This tip will demonstrate the process in display and HTML code. The keys to the technique are the hspace and align attributes of the img tag. Examine the code.

In this example the text displays below the graphic. It leaves blank "white space" to the right of the graphic.	While in this example the text wraps around the graphic conserving the space. Which do you like better? Give this tip a try on your page and see how it works for you.
<img src="tree.jpg" width="45" height="46"> In this example the text displays below the graphic. It leaves blank white space to the right of the graphic.	<img src="tree.jpg" align="left" hspace="6" width="45" height="46"> While in this example the text wraps around the graphic conserving the space. Which do you like better? Give this tip a try on your page and see how it works for you.

Was this site useful to you?

To print a copy of an Internet Brothers tip or article, simply take a photograph of your computer screen, develop the film and have the photo enlarged to the font size of your choice.

The Internet Brothers have implemented hierarchical menus for navigation. Easier done than said.

The hierarchical menus were created using Peter Belesis' © Dynomat DHTML scripting tool from Webreference. Give them a visit, you'll like what you learn.

another darn bug