Question

how can be wrap text around image and why is it done

Answer 1

Wrapping text around images can be done in a few easy steps. Here they are:

1. Add the image above the text

Drag and drop the "Image" element above the text that you want to wrap it around. Then, either select the image you want to add from your Media Library or if it isn't there yet, first, upload it and then, insert it to the page.

2. Position the image

In order to be able to wrap the text around the image, you will have to position the image on the left or on the right.

You can do that by going to the "Layout & Position" options of the image and then, clicking on the left or right position from the "Alignment" section.

3. Activate the "Float" option

The next step is to click on the "Advanced" tab and  activate the "Float" option. This will allow the text to be wrapped around the image.

Answer 2

The text wraps around the graphic. Text wrap in HTML is most fequently used to describe wrapping of text around an image in the HTML code. This is done by adding align="left" or align="right" to the <img> tag.