When you insert an image using the Basic (WYSIWYG) editor, the image is placed by default within it's own paragraph. Like this:
However, it is frequently desirable to wrap text around an image, or to place multiple images side-by-side. To do that, you need to 'align' your image so that other content can surround it.
- In the WYSIWYG editor, click your image to highlight it as the item you are editing. Then click the icon for inserting/editing an image:
- You will see a dialog box appear that allows you to customize your image in several ways
- Click the "Appearance" tab
- Go to the drop-down list for Alignment. You can select any of these but the most common selections are left or right. These will align your image in the paragraph on the left or on the right, respectively.
- Optional: If you want spacing around the image, you will want to fill in the vertical and/or horizontal spacing boxes with values (10 is common).
- Here is an example of what it should look like:
- Click update and save your item in the admin panel
- Refresh your webpage to see the changes