Note that there are some explanatory texts on larger screens.

plurals
  1. POoutlook 2013 in-browser inbox is adding style attribute to my table and destroying the alignment
    primarykey
    data
    text
    <p>EDIT: I have added a fiddle to better demonstrate what is happening since the person who has taken the time to offer an answer (thanks!) does not seem to get what I was asking, so hopefully this helps to clarify <a href="http://jsfiddle.net/t5sPL/" rel="nofollow">http://jsfiddle.net/t5sPL/</a></p> <p>I am sending an HTML email. It renders fine in gmail, outlook desktop client, and several other email clients. however, when viewing an inbox online in the outlook webmail app, <a href="http://portal.microsoftonline.com" rel="nofollow">http://portal.microsoftonline.com</a>, Microsoft seems to be doing its best to not let me center the contents of a table. Tipped off by this article</p> <p><a href="https://litmus.com/blog/hotmail-and-outlook-com-drop-support-for-margin" rel="nofollow">https://litmus.com/blog/hotmail-and-outlook-com-drop-support-for-margin</a></p> <p>I see that the <code>margin</code> attribute is no longer supported. I tried using <code>padding</code> instead and no luck. So, to center my table, I thought I could go oldschool and use this pattern to center it:</p> <pre><code>&lt;table width='100%' style='width:100%'&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td align='center'&gt; &lt;table width='700' style='width:700px'&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Content to be centered&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>however, this still does not work, because in my <code>&lt;td align='center'&gt;</code> tag, outlook is inexplicably attaching a <code>style='text-align:center;'</code> attribute, for a result of </p> <pre><code>&lt;td align='center' style='text-align:center;'&gt; </code></pre> <p>which effectively justifies the content to the left. When I use "inspect element" and delete the style attribute, everything looks as expected.</p> <p><strong>Has anyone dealt with this issue before? Any resolution, or explanation?</strong> Thanks!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload