Как заставить MS Outlook принять отображение стиля CSS: block?

Я составляю HTML-адрес электронной почты, используя службу (MailChimp). То, как MailChimp отмечает заголовки, - использовать тег SPAN и дает тегу встроенный стиль display:block.

MS Outlook 2010 игнорирует этот стиль. Я не могу найти работу. Таким образом, заголовки обертывают, разбивая желаемый дисплей страницы.

Да, я знаю, что Outlook использует MS Word для отображения HTML.

Предположим, что я не могу вмешиваться и редактировать изменения разметки.

Как заставить MS Outlook принимать стиль CSS display:block и отображать тег SPAN как элемент уровня блока?

Ответ 1

Атрибут CSS display не поддерживается в этой версии MS Outlook.

Здесь "Книга" о том, что вы можете и не можете использовать:

campaignmonitor.com/css/

В принципе, если вы не можете изменить свою разметку на элемент из исходного блока, вы застряли.

Ответ 2

Лучше всего сделать это по-старому, к сожалению. = [Использовать таблицы по таблицам. поэтому table = blocks.

Ответ 3

Я нашел себя в этой конкретной ситуации: нужно создавать стили заголовков, которые корректно отображаются в Outlook, без возможности редактировать HTML, потому что я передаю шаблон клиенту.

Я думаю, вы уже решили это, но всем, кто провел несколько часов, пытаясь ответить на этот вопрос и споткнувшись по этой теме, вот как я его исправил:

Удалить Mailchimp по умолчанию H1, H2 и т.д.
Создайте свои собственные стили заголовков (я назвал их заголовком, подзаголовком и т.д., чтобы избежать путаницы)
Используйте новые стили заголовков по своему усмотрению. Новые заголовки отображаются как блоки.

Я не совсем уверен, что происходит под капотом, поскольку я не могу проверить в Outlook, но я предполагаю, что, не используя стили по умолчанию, Mailchimp обертывает текст заголовка в divs, а не пробелы.