2016-05-29 10 views
0

Zentrum Dies ist ein dummes Problem, aber habe alles versucht, ich und kann immer noch denke, kann nicht herausfinden, wie diese beiden Zellen Text 2003.Text kann nicht in Outlook 2013

enter image description here

in Outlook zum Zentrum

Hier ist ein Link zur vollständigen hTML-Datei: https://github.com/justintemps/flash-updates/blob/master/dest/index-prod.html?ts=4

der fehlbare (Teil, der nicht zentriert wird) ist unten.

<table class="body" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 0 auto 0 auto; text-align: center;"> 
    <tbody> 
     <tr> 
      <td align="center" style="text-align: center;"> 
       <center> 
        <table class="bodyContainer" align="center" width="600" style="margin: 0 auto; max-width: 600px; padding-top: 5px; table-layout: fixed; text-align: center; width: 100%;"> 
         <tbody> 
          <tr align="center"> 
           <td class="mainImageContainer" align="center" style="margin: 0 auto; text-align: center;"> 
            <!-- INSERT LINK HERE --> 
            <a href="" target="_blank"> 
             <!-- INSERT IMAGE URL HERE --> 
             <img class="mainImage" width="600" alt="" src="http://www.ilo.org/wcmsp5/groups/public/---dgreports/---dcomm/documents/image/wcms_484941.jpg" style="margin: 0 auto; max-width: 600px; padding-top: 5px; table-layout: fixed; text-align: center; width: 100%;"> 
            </a> 
           </td> 
          </tr> 

          <tr align="center"> 
           <td class="mainTitleContainer" align="center" width="600" style="margin: 0 auto; text-align: center;"> 
            <!-- INSERT LINK HERE --> 
            <a class="noDecorate" href="" target="_blank" style="text-decoration: none;"> 
             <h2 class="mainTitle" style="font-family: Helvetica, Arial, sans-serif; color: #2f2f2f; margin: 0; padding-top: 5px; padding-bottom: 5px; text-align: left;">The International Labour Conference 2016 starts</h2> 
            </a> 
           </td> 
          </tr> 

          <tr align="center"> 
           <!-- INSERT SUMMARY HERE --> 
           <td class="bodyText" align="center" width="600" style="font-family: georgia, Palatino, 'Times New Roman', serif; font-size: 14px; line-height: 20px; text-align: left;"> 
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
            <span> 
             <!-- INSERT LINK HERE --> 
             <a class="decorate" href="" target="_blank" style="text-decoration: none; color: #37468E; font-weight: bold;">Read More&#187;</a> 
            </span> 
           </td> 
          </tr> 
         </tbody> 
        </table> 
       </center> 
      </td> 
     </tr> 
    </tbody> 
</table> 

Antwort

2

Sie haben ein paar text-align:left; ist es in, dass die Zentrierung Sie tun in Eltern-Tags werden überschrieben.

...padding-bottom: 5px; text-align: left;">The International... 

und

...line-height: 20px; text-align: left;">Lorem ipsum dolor sit... 

Wenn Sie die text-align:left; aus den obigen Beispielen entfernen, sollten diese Bereiche rechtfertigen zentrieren.

+0

Danke, das hat es geschafft! –

0

es ist work.please Kopie in allen HTML-Body-Tag wie here

+0

Danke, Shohrab. Ich weiß, dass es in CodePen funktioniert, aber ich kann es immer noch nicht in Outlook 2013 arbeiten. –