JSFiddle - React, Tailwind, and code Playground
by pleymo
HTML
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; background-color: #f5f5f5;">
<tbody>
<tr>
<td align="center">
<!-- main begin -->
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; text-align: left; width: 800px; background-color: #ffffff;">
<tbody>
<!-- Веб-версия письма + кнопки соцю сетей -->
<tr>
<td style="background-color: #f5f5f5;" width="800">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 800px;">
<tbody>
<tr>
<td colspan="2" height="70">
<div style="line-height: 14px; font-size: 12px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial;" width="760">
<a href="" target="_blank" style="text-decoration: none;"><span style="margin-left: 40px; color: #5d9cec;">Веб-версия письма в интернете</span></a><span style="margin-left: 430px; color: #5d9cec;"><a href="https://vk.com/gorod.tvor4estva" target="_blank"><img src="http://artindustry.ru/netcat_files/Image/vk_nl.png" style="margin-left: 30px; width: 30px; height: 30px;" align="middle" /></a><a href="https://www.facebook.com/gorod.tvor4estva?ref=ts&fref=ts" target="_blank"><img src="http://artindustry.ru/netcat_files/Image/fb_nl.png" style="margin-left: 10px; width: 30px; height: 30px;" align="middle" /></a> </span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- КОНЕЦ: Веб-версия письма + кнопки соцю сетей -->
<!-- Пробел между Верхом и шапкой -->
<tr>
<td width="800">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 800px;">
<tbody>
<tr>
<td colspan="2" height="20">
<div style="margin: 0; padding: 0; line-height: 0;"><img alt="" border="0" height="1" style="display: block;" width="1" /></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- КОНЕЦ: Пробел между Верхом и Шапкой -->
<!-- Шапка -->
<tr>
<td style="background-color: #ffffff;"...