html - support - microsoft outlook css
Center div en Microsoft Outlook (3)
Para enviar correos electrónicos en general, es mejor usar atributos html y etiquetas en desuso en lugar de sus equivalentes de CSS porque algunos sistemas de mensajería ignoran los estilos en línea.
Por ejemplo, en lugar de:
<div style="width: 742px; margin: 0px auto; ">...
Puedes usar:
<body align="center"><table align="center" width="742">...
O
<div align="center">...
Ejemplo 2, en lugar de:
<p style="font-family: Arial, Helvetica, Tahoma, sans-serif;">My text</p>
Tu puedes hacer:
<font face="Arial" size="4">My text</font>
Utilicé <div style="width: 742px; margin: 0px auto; ">
para centrar el contenedor div
.
En el navegador funciona, pero cuando lo abro en Microsoft Outlook no está en el centro.
También usé !important
en el margin
porque pensé que tenía prioridad sobre el CSS.
¿Cómo puedo centrar un div
en el navegador y el correo electrónico?
Un buen reflejo es ir a la red oficial de documentación de Microsoft: http://msdn.microsoft.com/en-us/library/aa338201.aspx
Aquí puede ver que el mejor método es usar ... otra cosa que un elemento div.
Usa una tabla, permite el máximo control de css.
<div align="center">
your code
</div>
Solo para Outlook