Quick Summary: The default of 0 for borders around images makes text wrapping look unprofessional. Additionally, if you want to have a caption or other text that stays with your image, the text can end up in all different places depending on the browser. Although one solution might be putting items in tables, I have been told that is not allowed for accessibility purposes. Thus, I wrote CANVAS and they were helpful enough to give me some HTML code to allow me to do these things that actually works (shared below), but this is impractical for your average user. Given that FREE blogging sites (including WordPress as example) allow you to do basic photo/text editing (including border space, alignment with text, and captions) to make layout be consistent and professional without resorting to tables, I encourage CANVAS to build this functionality in for faculty. When you consider the numbers of faculty being encouraged to create courses, you can begin to imagine how useful these layout features would be.
Example from Wordpress FREE blogging site:
Here is the HTML code from CANVAS, but keep in mind that:
1. from src=..."File" is particular to an image file for my course so you need your own info there
2. by keeping the text within the <p and p>, it keeps it with your photo
3. you can change the float to right if you desire
<p style="overflow: auto;"><img style="padding: 0 15px; float: left;" src="/courses/1783839/files/77808577/preview" alt="Bryophyte Moss" width="289" height="217" data-api-endpoint="https://psu.instructure.com/api/v1/courses/1783839/files/77808577" data-api-returntype="File" /><em>Moss. By Rippey574 (talk) 21:52, 12 April 2008 (UTC) - self-made, CC BY 3.0, <a>https://en.wikipedia.org/w/index.php?curid=16900441</a></em></p>
This idea was considered when developing our product plan for Q3 2019 and is not expected to influence development within Canvas at this time.
This idea will remain open for vote.
If this idea is in the top 10% by vote next cycle it will be reconsidered.
Read more about the feature idea process: