Aligning text and images in marketing emailers for outlook

[Caryn]

Hi There,

I've created our email signature for our marketing emailers.

Which looks like this in hubspot:

The code I'm using is this:

<p style="line-height: 1.5;"><a href="tel:+27217010270" style="color: #8c8279;"><img src="https://cdn2.hubspot.net/hubfs/2393107/Logos/Phone.png" alt="Phone" width="20" height="20" align=”left” style="width: 20px; max-width: 20px; left; margin: 0px 10px 0px 0px;"></a><span style="line-height: 1.5; font-size: 11px; font-family: helvetica;">&nbsp+27 21 701 0270<br></span><span style="line-height: 1.5;"><a href="https://africanbushcamps.us16.list-manage.com/track/click?u=4bec5fccbf798472e6f090256&amp;id=ee8da4ece8&amp;e=3fd7cd08e5" style="color: #8c8279;"><img src="https://cdn2.hubspot.net/hubfs/2393107/Logos/Web.png" alt="Website" width="20" height="20" align=”left” style="width: 20px; max-width: 20px; float: left; margin: 0px 10px 0px 0px;"></a><span style="line-height: 1.5; font-size: 11px; font-family: helvetica;">&nbspafricanbushcamps.com<br></span><span style="line-height: 1.5;"><a href="https://africanbushcamps.us16.list-manage.com/track/click?u=4bec5fccbf798472e6f090256&amp;id=81c5725669&amp;e=3fd7cd08e5" style="color: #8c8279;"><img src="https://cdn2.hubspot.net/hubfs/2393107/Logos/Linkedin.png" alt="Linkedin" width="20" height="20" align=”left” style="width: 20px; max-width: 20px; float: left; margin: 0px 10px 0px 0px;"></a><span style="line-height: 1.5; font-size: 11px; font-family: helvetica;">&nbspAfrican-bush-camps</span></p>
 
<p style="line-height: 1.5;"><a href="https://africanbushcamps.us16.list-manage.com/track/click?u=4bec5fccbf798472e6f090256&amp;id=26270664ee&amp;e=3fd7cd08e5" style="color: #8c8279;"><img src="https://cdn2.hubspot.net/hubfs/2393107/Logos/YouTube.png" alt="YouTube" width="20" height="20" align=”left” style="width: 20px; max-width: 20px; float: left; margin: 0px 10px 0px 0px;"></a><span style="line-height: 1.5; font-size: 11px; font-family: helvetica;">&nbspAfrican Bush Camps<br></span><span style="line-height: 1.5;"><a href="https://africanbushcamps.us16.list-manage.com/track/click?u=4bec5fccbf798472e6f090256&amp;id=96f135f74d&amp;e=3fd7cd08e5" style="color: #8c8279;"><img src="https://cdn2.hubspot.net/hubfs/2393107/Logos/Instagram.png" alt="Instagram" width="20" height="20" align=”left” style="width: 20px; max-width: 20px; float: left; margin: 0px 10px 0px 0px;"></a><span style="line-height: 1.5; font-size: 11px; font-family: helvetica;">&nbspafricanbushcamps<br></span><span style="line-height: 1.5;"><a href="https://africanbushcamps.us16.list-manage.com/track/click?u=4bec5fccbf798472e6f090256&amp;id=5c65ccceaf&amp;e=3fd7cd08e5" style="color: #8c8279;"><img src="https://cdn2.hubspot.net/hubfs/2393107/Logos/Facebook.png" alt="Facebook" width="20" height="20" align=”left” style="width: 20px; max-width: 20px; float: left; margin: 0px 10px 0px 0px;"></a><span style="line-height: 1.5; font-size: 11px; font-family: helvetica;">&nbspAfrican Bush Camps</span></p> 

However, when the emails get delivered to Outlook the alignment gets messed up:

I've tried using one rich-text field, 2-rich text fields next to each other and 1 rich text field with a table but every time it comes through with the text and images not aligned. 

Hoping that someone here will have a solution for me 🙂

Thank you in advance! 

[roisinkirby]

Hi @Caryn I'm sorry for the delay here. Can you confirm how you made this signature?