Верстаем responsive emails
Основные правила для верстки писем: 1. Все стили инлайнятся , так как Gmail автоматически вырезается head, а также обертку body, оставляя только ее внутренности. Тем ни менее можно указать основные стили на случай если писем много и править их будет кто-то другой, кто забудет заинлайнить, и в большинстве почтовиках письмо будет смотреться неплохо: <style media="screen" type="text/css"> * { font-family: Arial, sans-serif; margin:0; padding:0; } p { font-size: 15px; margin: 15px 0; } a { color: #0080C6; } </style> 2. margin и padding Некоторые почтовые клиенты (Outlook 2007, 2010, 2013 - назовем их семейство Outlook серии 2007; Outlook.com) не понимают свойства margin и padding. Поэтому не рекомендуется использовать тег <p>, так как отдельные почтовики (Outlook.com) могут автоматически добавлять свои отступы, нарушая тем самым верстку. Предпочтительно использовать <div> в связке <br> для отступов. 3. font-family Указание fo