Menu icon Foundation
Slight alignment issue with Outlook online (Chrome, Firefox, IE)

I have a layout that looks perfect everywhere - desktop and mobile - with one (very small) exception. I have a row with a button (not an Ink button) and some text, with some spacing between them. The row is inset slightly but for some reason Outlook Online renders the row as being flush with the left-most edge of the message body. Is this one of those common "Outlook" things that I should be aware of? Or do I need to post my code here for someone more well versed in using Ink to look over?

Example:

http://screencast.com/t/tGEf5dZmxb6A

Outlookink

I have a layout that looks perfect everywhere - desktop and mobile - with one (very small) exception. I have a row with a button (not an Ink button) and some text, with some spacing between them. The row is inset slightly but for some reason Outlook Online renders the row as being flush with the left-most edge of the message body. Is this one of those common "Outlook" things that I should be aware of? Or do I need to post my code here for someone more well versed in using Ink to look over?

Example:

http://screencast.com/t/tGEf5dZmxb6A

This post has been closed. No new replies can be added.

zacbrown@me.com over 4 years ago

Solved it! I just needed to wrap the table in <center></center>

Rafi Benkual over 4 years ago

Good tip Zach!