Skip to main content
All CollectionsEnudge Email
How to wrap text around an image
How to wrap text around an image

positioning your text to the right or left of the images inside your Email

Heather Maloney avatar
Written by Heather Maloney
Updated over 3 years ago

Follow these steps to wrap text to the right of an image added to your Enudge email message:

1. Add a white-space to the right-hand side of the image

The white-space will create the illusion of a gap between the image and the text. This method is also Outlook safe as Outlook for desktop does not support the styling of <img> tag with style="padding-right: 20px;".

The color of the 'white-space' should match the background color of the cell it resides within, so that it looks seamless.

Here is what your email will look like without a white-space:

2. Wrap text around the image

Once you have inserted the image into the email body, you will start typing in the text and will notice the following issue. Here, the text sits at the bottom-right hand side of the image.

In order for the image to be wrapped in text ( i.e. text begins from the top-right corner of the image), add the following piece of code to the <img> tag:

align="left"

Overall code snippet:

<td>
<img src="https://www.enudge.com.au/img.jpg" alt="" align="left"/> Text goes here...
</td>

Here is the final result:

Alternatively, if you wish to position your text on the left-hand side of your image:

  1. Add a white-space to the left-hand side of your image.

  2. Add the following code to the <img> tag:

    align="right"

Should you have any questions or require any help with wrapping text around an image, feel free to get in touch with the Enudge team.

Did this answer your question?