The Rich Content Editor does not offer much in how images are placed within except to use the align buttons to float an image. However, this does not add padding, which when added can make the text much easier to read around an image.

Instructions

In your course, select an item that has an embedded image (the item can be a Content Page, the Syllabus, an Announcement, a Discussion prompt, an Assignment description, or a Quiz description)
Edit the item and turn on the HTML Editor
Paste the Image Float and Padding Style below within the image tag (feel free to change the values for padding and/or float)
Note that if you copy the entire code on this page you will need to paste over the HTML for the image beginning with the "<img" tag and ending with the equals sign at the beginning of the "src=" attribute.
Save your changes

Image Float and Padding Style

<img style="padding: 15px; float: right;" src=

Notice the syntax for the style attribute. All of the style properties are enclosed within double-quotation marks, and each of the style properties (padding and float) are separated by a semicolon. There are also spaces between each style property and its value; there is also a space after the style attribute and before the src attribute.

The padding options can also be set for each of the four sides of the image (left, right, top, bottom). While these values can be set with different style options (i.e., padding-left, padding-top, etc.)., it is also possible to use the shorthand property just using the "padding" property and one through four numbers:

One number: The same value is applied on all four sides
Two numbers: The first value is for the top and bottom; the second value is for the left and right
Three numbers: The first value is for the top; the second value is for the left and right; the third value is for the bottom
Four numbers: The first value is for the top; the second value is for the right; the third value is for the bottom; the fourth value is for the left

Demo Video

This home page was designed using the @ONE Advanced Teaching Techniques with Canvas course