Aquí hay una lista de áreas a las que debe prestar especial atención al redactar correos electrónicos con HTML / CSS:

1. Outlook ignorará el relleno y el ancho de las etiquetas <div> y <p>. Puedes usar una tabla en su lugar.
   
2. Outlook ignorará el relleno de las etiquetas <a>. En su lugar, diseñe una tabla y aplique todo el formato.
   
3. Outlook ignorará el relleno y los márgenes utilizados para las imágenes. Use hspace y vspace en las imágenes.
   
4. Evite usar una clase, en su lugar, asigne todas las propiedades en línea.
   
5. Especifique una altura de línea, de lo contrario, Outlook usará su altura predeterminada.
   
6. Evite usar HTML5 y CSS3.
   
7. Outlook no mostrará las imágenes de fondo.
   
8. Los GIF no se ejecutarán en Outlook. Solo se mostrará el primer fotograma del GIF. Si desea incluir un GIF, configure el marco más importante para que se reproduzca primero, de modo que su información se transmita en Outlook y otros clientes sigan ejecutando su GIF.
   
9. La etiqueta <button> no funcionará correctamente en Outlook. Diseña tus botones usando una mesa.
   
10. El ancho de la imagen debe darse como atributo y estilo.
    
11. El estilo de posición y el flotador no serán compatibles con Outlook. Si necesita una estructura de dos columnas, diséñela usando una tabla.