Wrap Text Around an Image

 

Wrap Text Around an Image

If you’ve ever tried to wrap text around an image, you have probably discovered it won’t work with just a plain image tag. You must also include the ALIGN attribute within your code.

Image Displayed on Left

The following code will display your image on the left with your text displayed on the right. Edit the code to suit your needs.

<img border="0" align="Left" src="yourimage.jpg">Your Text

wrap text around an imageIn this example, the image is displaying on the left. As you continue to type your text, it will automatically format itself to wrap around the right side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.

 

 

Image Displayed on Right

<img border="0" align="Right" src="yourimage.jpg">Your Text

Using the above code within your HTML, your image will be displayed on the right hand side with your text displayed on the left.

wrap text around an imageThe image is displaying on the right in this example. As you continue to type your text, it will automatically format itself to wrap around the left side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.

 

This concludes the wrap text around an image section.

 

 

 

 
Visit the following pages for a wealth of copy and paste codes and tips:

HTML Tips
Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes
Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

HTML Tags
A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

ASCII Codes
Special text characters and code for your web page.