Align and image wrap

There are generally three positions in which you can place your image: left, right, and center. You can position your images by adding align="" in the <img> tag or you can use <div align=""> </div> tag. It is up to you. We will show you examples of both and how they work along with text.

Left

This is how the text will look like.

Center

This is how the text will look like.

Right

This is how the text will look like.

Now we will do the image align with the <div> </div> tags.

Left

This is how the text will look like.

Center

This is how the text will look like.

Right

This is how the text will look like.

As you can see from the examples above, text wrapping can occur only with the align="" in the <img> tag. Also, you might have noticed that the <img src="/demo.gif" align="center"> tag does not work since the image is not centered. In this case, you can use this the <center> tag instead to center the image. An example would be: