E-mail HTML allinea il testo

Question

Sto cercando di allineare una parte di testo a destra e l'altra a sinistra in una posta HTML, ma in Outlook il float non funziona. Quindi in sostanza sto cercando il CSS float in Outlook. So che sembra piuttosto inquietante e text-align o align="" non ha funzionato. Eventuali suggerimenti?

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

Answer 1

Onestamente se si sta facendo una e-mail HTML mi piacerebbe restare ad usare le tabelle. Non tutti i selettori CSS sono disponibili in tutti i client di posta elettronica e ti farai impazzire cercando di farlo in un altro modo. Le email HTML sono come il web 5 anni fa.

ci sono un paio di buoni documenti sul tema:

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

http://www.emailology.org/

Per esempio:

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

E 'orribile, ma purtroppo è ancora il modo migliore.

Answer 2

Usa (brivido) tabelle di layout.

il supporto di Outlook per lo styling di e-mail è così terribile che non c'è altro modo.

C'è un 24 ways article con alcuni consigli generali per scrivere email formattate in HTML.