HTML-E-Mail-Ausrichtung Text

Question

Ich versuche, einen Teil des Textes auf der rechten und den anderen Teil nach links in einer HTML-Mail auszurichten, aber in Outlook funktioniert die float nicht. Also im Grunde suche ich nach float CSS in Outlook. Ich weiß, es klingt ziemlich gruselig und text-align oder align="" hat nicht funktioniert. Irgendwelche Vorschläge?

<td> 
    <span style="text-align:left; float:left;"> 
     First part 
    </span> 
    <span style="text-align:right; float:right;"> 
     Second part 
    </span> 
</td> 

Answer 1

Ehrlich, wenn Sie eine HTML-E-Mail machen, würde ich bei der Verwendung von Tabellen bleiben. Nicht alle CSS-Selektoren sind in allen E-Mail-Clients verfügbar, und Sie werden sich wahnsinnig machen, wenn Sie versuchen, es auf andere Weise zu tun. HTML-E-Mails sind wie das Web vor 5 Jahren.

Es gibt ein paar gute Dokumente zum Thema:

http://www.campaignmonitor.com/css/

http://www.emailology.org/

Für Ihr Beispiel:

<td> 
    <table cellpadding="0" cellspacing="0" width="100%"> 
     <tr> 
      <td align="left">First part</td> 
      <td align="right">Second part</td> 
     </tr> 
    </table> 
</td> 

Es ist schrecklich, aber leider ist es immer noch der beste Weg.

Answer 2

Use (Schauder) Layout-Tabellen.

Outlook-Unterstützung für das Styling von E-Mail ist so schrecklich, dass es keinen anderen Weg gibt.

Es gibt eine 24 ways article mit einigen allgemeinen Tipps zum Schreiben von HTML-formatierten E-Mails.