Multilines buttons wrong alignment on Outlook

[lbineau]

How can we reproduce this bug? Add long text in a button so it has multiple lines

Write out the HTML (or Inky code) that causes the issue.

<center>
  <button href="/" class="text-center">Lorem ipsum dolor sit amet, <br/>consectetur adipisicing elit. <br/>Veniam rerum culpa</button>
</center>

What did you expect to happen? The text inside the button should be centered.

What happened instead? The text inside the button is left aligned.

What email clients does this happen in? Windows Outlook (2010 / 2013)

[rafibomb]

Hmm, have you researched anything that might cause this? Seems like it's specific to Outlook so there must be a report of it somewhere. Let know what you find!

[elcaptain]

I have the same problem, but everywhere. in litmus and also local browser. text-align: left is inlined in the element. maybe an inline issue?

[elcaptain]

A possible fix is to add table.button.text-center > tbody > tr > td > table > tbody > tr > td > a { text-align: center; } to your css to inline the desired css