I am customizing the default Payment Reminder template and wanted to insert an image (right aligned) from the media library, as well as perform some simple text edits and adding bullet points. No copy/paste involved. On the html editing screen, the image would not right align, although the text screen showed right alignment code. Upon sending, the email lost formatting – the image was not right alignment (in gmail, outlook, iphone) and bullet points were missing. In Outlook specifically, text was one big jumbled mess, although paragraphs appeared okay in Gmail and iphone. Any suggestions on how to address this?
The key is to use html tables and inline styles where possible when dealing with html emails. For example, to add an image that’s aligned to the right, your html will look like this:
<td>Content to display to the left of the image goes here</td>
<img src="https://your-image-url.jpg" alt="" width="300" height="200" />