El problema radica en el marcado que genera esta sección del correo de resumen. Esta es una captura de pantalla de Outlook 2019 (Windows 10):
He observado el problema en todas las versiones de escritorio de Outlook en las que lo he probado (Outlook 2010 - Outlook 2019). Las pruebas disponibles en Litmus se ejecutan en Windows 10. Lo que tienen en común estas versiones de Outlook es que todas utilizan Microsoft Word para renderizar los correos electrónicos.
Microsoft Word no puede manejar las reglas CSS float que están en el marcado de Discourse. Esto es lo que hace que los contadores de “me gusta” y “respuestas” se muestren debajo de los iconos en lugar de flotar a su lado. El problema de alineación vertical es el resultado de algunos elementos p que el motor de renderizado añade al marcado en un intento de aplicar el CSS del correo electrónico. Outlook añade relleno a los elementos p en un intento de replicar el CSS del correo electrónico.
He dedicado tiempo a buscar una solución en CSS para este problema. No creo que sea posible. Para solucionar el problema, tendremos que cambiar el marcado de esa sección del correo electrónico para utilizar tablas en lugar de CSS.
