Проблема заключается в разметке, которая создаёт этот фрагмент сводного письма. Это скриншот из Outlook 2019 (Windows 10):
Я наблюдаю эту проблему во всех настольных версиях Outlook, которые я тестировал (от Outlook 2010 до Outlook 2019). Тесты, доступные в Litmus, выполняются на Windows 10. Общим для этих версий Outlook является то, что все они используют Microsoft Word для отображения писем.
Microsoft Word не поддерживает правила CSS float, присутствующие в разметке Discourse. Именно это приводит к тому, что счётчики «лайков» и «ответов» отображаются под иконками, а не сбоку от них. Проблема с вертикальным выравниванием возникает из-за некоторых элементов p, которые движок рендеринга добавляет в разметку в попытке применить CSS письма. Outlook добавляет отступы к элементам p, пытаясь воспроизвести стили CSS письма.
Я потратил некоторое время на поиск CSS-решения этой проблемы. Я не думаю, что это возможно. Чтобы исправить ситуацию, нам придётся изменить разметку этого фрагмента письма, используя таблицы вместо CSS.
