E-mail de Resumo de Atividade com formato estranho no Outlook

O problema está na marcação que cria esta seção do e-mail de resumo. Esta é uma captura de tela do Outlook 2019 (Windows 10):

Estou observando o problema em todas as versões para desktop do Outlook que testei (Outlook 2010 ao Outlook 2019). Os testes disponíveis no Litmus são executados no Windows 10. O que essas versões do Outlook têm em comum é que todas usam o Microsoft Word para renderizar os e-mails.

O Microsoft Word não consegue lidar com as regras CSS float presentes na marcação do Discourse. Isso é o que faz as contagens de “curtidas” e “respostas” serem exibidas abaixo dos ícones em vez de flutuarem ao lado deles. O problema de alinhamento vertical resulta de alguns elementos p que o mecanismo de renderização adiciona à marcação na tentativa de aplicar o CSS do e-mail. O Outlook adiciona espaçamento interno aos elementos p na tentativa de replicar o CSS do e-mail.

Gastei algum tempo tentando encontrar uma solução em CSS para o problema. Não acho que isso seja possível. Para corrigir a questão, teremos que alterar a marcação dessa seção do e-mail para usar tabelas em vez de CSS.

5 curtidas