So I have been playing with Foundation for Emails for a couple/few weeks now and have created some great email templates. However, I have only been testing in the browser until today. When I pushed the inlined emails through our mailing system I noticed a vertical alignment discrepancy in Outlook and exchange OWA. One of my content blocks is not getting vertically aligned to the top and I cannot figure out why.
All other email clients look just fine, it is just outlook and owa that don't seem to be recognizing the vertical alignment to the top. I wanted some help figuring out if this was an issue on my end and if there was anything I could do about it. I have included an image and my markup below to help illustrate the problem.
<row> <columns small="12" large="6"> <h4 class="dwwtc-orange text-center">Editor's Choice</h4> <h5>Blah Title</h5> <p> Shoreditch YOLO pork belly hammock umami. Sriracha banh mi keffiyeh kogi, chambray wayfarers portland. Pitchfork poutine lumbersexual bushwick VHS. Tofu portland four dollar toast listicle man bun, intelligentsia aesthetic meh authentic organic poutine single-origin coffee ramps slow-carb. </p> <button href="#">Read More</button> </columns> <columns small="12" large="6"> <h4 class="dwwtc-green text-center">Q&A</h4> <p> <strong>Q: What's new in Microsoft 2016?</strong> </p> <p> Answer:<br /> Blah Blah blah blah woo hoo blah blah yackity shmackity </p> </columns> </row>