Das Problem liegt im Markup, das diesen Abschnitt der Zusammenfassungs-E-Mail erstellt. Dies ist ein Screenshot aus Outlook 2019 (Windows 10):
Ich habe das Problem in allen Desktop-Versionen von Outlook festgestellt, die ich getestet habe (Outlook 2010 bis Outlook 2019). Die auf Litmus verfügbaren Tests werden unter Windows 10 ausgeführt. Was diese Outlook-Versionen gemeinsam haben, ist, dass sie alle Microsoft Word zur Darstellung der E-Mails verwenden.
Microsoft Word kann die CSS-float-Regeln nicht verarbeiten, die im Discourse-Markup enthalten sind. Dies ist der Grund dafür, dass die Anzeigen für „Likes“ und „Antworten“ unter den Symbolen statt neben ihnen angezeigt werden. Das Problem mit der vertikalen Ausrichtung resultiert aus einigen p-Elementen, die die Rendering-Engine im Markup hinzufügt, um die CSS-Stile der E-Mail anzuwenden. Outlook fügt den p-Elementen Abstände hinzu, um die CSS-Stile der E-Mail nachzubilden.
Ich habe einige Zeit damit verbracht, nach einer CSS-Lösung für das Problem zu suchen. Ich glaube nicht, dass dies möglich sein wird. Um das Problem zu beheben, müssen wir das Markup dieses Abschnitts der E-Mail ändern und anstelle von CSS Tabellen verwenden.