Receipt Rendering on Outlook for iOS

[justinobney]

Actual Behaviour

Outlook for iOS is causing my receipt table to stagger.

Expected Behaviour

Steps to reproduce it

Open the example template in Outlook for iOS

Notes

This only happens when the line item content is wrapped in a div. Moving the center style to the td and removing the div fixes this issue and appears to still render correctly according to Litmus.

https://github.com/sendgrid/email-templates/blob/master/dynamic-templates/receipt/receipt.html#L183

It appears that Outlook for iOS runs javascript (outlook-ios.js) that tries to find "out of bound elements" and scale them with explicit widths.