المشكلة تكمن في تنسيق HTML الذي يُنشئ هذا القسم من ملخص البريد الإلكتروني. هذه صورة شاشة من Outlook 2019 (Windows 10):
أواجه المشكلة في جميع إصدارات Outlook المكتبي التي جربتها (من Outlook 2010 إلى Outlook 2019). الاختبارات المتاحة على Litmus تُجرى على نظام Windows 10. ما تشترك فيه هذه الإصدارات من Outlook هو أنها تستخدم جميعًا Microsoft Word لعرض رسائل البريد الإلكتروني.
لا يستطيع Microsoft Word التعامل مع قواعد CSS float الموجودة في تنسيق Discourse. وهذا هو السبب في ظهور عدادات “الإعجابات” و"الردود" أسفل الأيقونات بدلاً من أن تظهر بجانبها. أما مشكلة المحاذاة الرأسية فهي نتيجة بعض عناصر p التي يضيفها محرك العرض إلى التنسيق في محاولة لتطبيق تنسيقات البريد الإلكتروني. يقوم Outlook بإضافة مسافات داخلية (padding) إلى عناصر p في محاولة لمحاكاة تنسيقات البريد الإلكتروني.
قضيت بعض الوقت في البحث عن حل باستخدام CSS لهذه المشكلة. لا أعتقد أن ذلك ممكن. لحل المشكلة، سنضطر إلى تغيير تنسيق هذا القسم من البريد الإلكتروني لاستخدام الجداول بدلاً من CSS.