Как создать список с простым форматированием «TABbed» в новостной рассылке HTML

Question

Помните, что это вопрос о коде для новостной рассылки HTML по электронной почте (применяются ограничения по коду).

Я хочу отформатировать неупорядоченный список дат и событий, чтобы даты проходили в столбце на левом поле, а все события следовали вправо, но выравнивались по левому краю, как при простой остановке табуляции в тексте. редактор.

Должен ли я использовать таблицу для этого или есть более простой способ?

В качестве дополнительного усложнения иногда столбец событий будет состоять из 2 строк, и было бы неплохо, чтобы в столбце даты были разбиты строки:

1-я строка: дата
2-я строка: времена

1012 *, например * Пн 6 фев
8:30

Вот как текст отображается в текстовом редакторе, который я хотел бы приблизить в HTML для рассылки по электронной почте.

Answer 1

Это табличные данные. Используйте таблицу.

Answer 2

На обычной веб-странице я бы, вероятно, использовал <dl>. Однако в электронной почте лучше всего использовать элементы <table> для структурирования всего, потому что поддержка HTML и CSS настолько несовместима в разных почтовых клиентах. Используйте <br>, чтобы разбить содержимое на две строки.

Может показаться, что это нарушает все лучшие правила и правила доступности за последние 15 лет веб-разработки, но если вы хотите, чтобы оно корректно отображалось в большинстве почтовых клиентов, у вас нет выбора.

Вот несколько замечательных статей, чтобы помочь:

• http://www.sitepoint.com/code-html-email-newsletters/
• http://kb.mailchimp.com/article/how-to-code-html-emails
• http://www.campaignmonitor.com/design-guidelines/