Вёрстка писем

Есть множетсво статей на эту тему, и это ещё одна, совершенно не уникальная, зато полезная для меня :)

Что нужно помнить, когда верстаешь простенькое письмо:

  • Обнулять все margin у p
  • Не забывать внутри p ставить теги <font>, с указанием шрифта <font face="Arial">
  • Ставить картинкам display: block, иначе будут отступы, которые ничем не убить;
  • У таблиц обнулять всё, что можно обнулить, продублировать ширину в стилях и в атрибуте: <table width="700" bgcolor="#ffffff" cellpadding="0" cellspacing="0" style="width: 700px; margin: 10px auto; border: 1px solid #efefef;">