How to Float Images With HTML

Since the CSS float property isn't fully supported by all browsers, you can use the align property in HTML to create an image that floats on one side, with text wrapping to the other side.

Instructions

1. Type <img src="image.jpg" where image.jpg is the URL to the image. Place the image tag directly before the content that should wrap around it. For example, if an image called "cat.jpg" is stored on the server in a folder called images in the main directory, and your HTML file is also in the main directory, use a relative URL. Your tag will look like this: <img src="images/cat.jpg".

2. Type align="left" to float the image on the left and wrap text to the right, or align="right" to float the image on the right and wrap text to the left.

3. Add image attributes such as width, height and border.

4. Type /> to close the img tag.

5. Type the content that will wrap around the image.

Resources

• Read this Article in Spanish