On internal Pages or Blog posts, you might want to have text wrap around an image. This can be achieved by changing the "text-wrapping" of an image within the rich text editor in the Page or Blog post admin.
To edit an image in the rich text editor:
Step 1: Double-click the image in the rich text editor to open the Edit image popup.
Step 2: Check Wrap text around image
Step 3: Click Edit image to save your changes.
By default, the text and image do not have any space in between:
You may want to add some space between. You can do so by adding some inline CSS to your image in the rich text editor:
Step 1: In the text editor click the <> "Show HTML" button
Step 2: Find the <img> code and add this CSS:
style="margin: 5px 20px 0 0;"
Your img HTML will then look something like this:Note that margin code is in order; top, right, bottom, left
This will give some breathing room between the image and the text:
If you want to add a border to your image, you can add this CSS to the code as well:
style="border: 1px solid #000;"
You can chose any hex code you'd like!