Correo electrónico HTML alinea el texto

Question

Estoy tratando de alinear una parte del texto a la derecha y la otra parte a la izquierda en un correo HTML, pero en Outlook el float no funciona. Así que, básicamente, estoy buscando float CSS en Outlook. Sé que suena bastante espeluznante y text-align o align="" no funcionó. ¿Alguna sugerencia?

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

Answer 1

Honestamente, si está haciendo un correo electrónico en HTML me limitaría a usar tablas. No todos los selectores de CSS están disponibles en todos los clientes de correo electrónico y se enloquecerá al tratar de hacerlo de otra manera. Los correos electrónicos HTML son como la web hace 5 años.

Hay un par de buenos documentos sobre el tema:

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

http://www.emailology.org/

Para su ejemplo:

<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 horrible pero por desgracia, sigue siendo la mejor manera.

Answer 2

Uso (estremecimiento) tablas de diseño.

El soporte de Outlook para el diseño del correo electrónico es tan horrible que no existe otra forma.

Hay un 24 ways article con algunos consejos generales para escribir un correo electrónico con formato HTML.