 This is an example of wrapping text around an image with the image left aligned. There is a 10 pixel border that you now have to add with html. No idea why anyone would think this is a step forward.style=”padding-right: 10px;”
To add the margin, copy the code above. Go to ‘text’ view and paste the code just before the ‘src=’ tag for the image. Lots and lots of complaints online about this step backward for the edit. |
 This example has the image aligned on the right side of the page and the text on the left side. There is a 10 pixel border that you now have to add with html. No idea why anyone would think this is a step forward.style=”padding-right: 10px;”
To add the margin, copy the code above. Go to ‘text’ view and paste the code just before the ‘src=’ tag for the image. Lots and lots of complaints online about this step backward for the edit. Extra text add here to show that it will wrap around and then under the picture with it goes beyond the bottom of the picture and as you can see the line continues under the picture to wrap around. |
 This image is center aligned. Text will go below but not around the image. If you need text on each side of the image you will have to use a table with 3 cells in the row, put the image in the center and the add the text on the outer cells as you would like. |
| Text on the left |  |
Text on the right |
To align an image:
1. put the cursor where you would like to insert the image.
2. click ‘add media’.
3. add the image. The words text if present will look weird right now.
4. left click on the image. You will notice a little drop down box at the top of the image.
5. Click on the alignment you want – left, center, right or none (none is usually not a good option)
6. paste the html code for padding using the ‘text’ editor if you would like a margin. I usually like a little space around the edge otherwise the text bumps up against the image.