HTML電子メールAndroid Outlookアプリケーションのテキストに奇妙な正当性の問題があります

Question

私は、AndroidのOutlookが好きではないテキストをHTMLメールに1セット持っていて、text-align：left！important;私がテストした他のすべてのクライアントはうまく動作しているようです。

sorry for the censorship

    <tr bgcolor="#f1f1f1"> 
 
        <td> 
 
         <table class="session-info" width="90%" cellpadding="0" cellspacing="0" align="center" style="margin: 20px auto 0px auto;"> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top" style="margin: 20px 0px 0px 0px;"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Session #: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           1234 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Session Title: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           Session title is long and is weirdly justified. 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Room: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           123 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td width="150px" height="0px" valign="top"> 
 
          <p style="font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666; font-weight:600; line-height:1.5em; text-align:right;"> 
 
           Date and Time: 
 
          </p> 
 
          </td> 
 
          <td style="text-align:left;" align="left"> 
 
          <p style="margin:0px 20px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #666666 !important; font-weight:300; line-height:1.5em; text-align:left;"> 
 
           <span style="color:#666666;"> 
 
             <font color="#666666"> 
 
              Tue, Feb 00, 2017 at 11:15 AM – 12:15 PM 
 
             </font> 
 
            </span> 
 
          </p> 
 
          </td> 
 
         </tr> 
 
         </table> 
 
        </td> 
 
        </tr>

Answer 1

正当化は、モバイルバージョンのヘッダにおけるCSSの一部であってもよいです。

私はこれに影響を与えることができた二つのことを考えることができます。特定のパラグラフをターゲットまたはグローバルとして定義されたヘッダに

• CSS。
• 単語のスペーシングもスペーシングに影響します。

私は完全なコードがどこに起こっているのかを知ることが難しいので、

乾杯