JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table style="BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; MARGIN: auto; BORDER-SPACING: 0; BORDER-COLLAPSE: collapse; FONT: 12px Verdana,Arial,Helvetica,sans-serif; COLOR: #666666; BORDER-TOP: 0px; BORDER-RIGHT: 0px; font-size-adjust: none" width="677">
<tbody>
<tr>
<td style="TEXT-ALIGN: left; MARGIN: 0px; PADDING-LEFT: 57px; PADDING-RIGHT: 57px; HEIGHT: 100px; VERTICAL-ALIGN: top; PADDING-TOP: 6px" bgcolor="#f5f5f5">
<a href="http://www.famiglia.eni.it/"><img title="" border="0" alt="" src="http://www.famiglia.eni.it/dommPortalWEB/notifica_fatture/logo_header.jpg"></a>
</td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PA=
DDING-TOP: 0px">
<img title="" border="0" alt="" src="http://www.famiglia.eni.it/dommPortalWEB/notifica_fatture/header.jpg">
</td>
</tr>
</tbody>
</table>
<table style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: auto; FONT: 12p=
x Verdana,Arial,Helvetica,sans-serif; BORDER-LEFT: 0px; COLOR: #666666; BOR=
DER-BOTTOM: 0px; BORDER-COLLAPSE: collapse; TEXT-ALIGN: center; BORDER-SPAC=
ING: 0; font-size-adjust: none" width="677">
<tbody>
<tr>
<td style="PADDING-RIGHT: 57px; PADDING-LEFT: 57px; PADDING-BOTTOM: 30px;=
MARGIN: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 13px; TEXT-ALIGN: left">
<p style="TEXT-ALIGN: left"><b>Gentile cliente,</b>
</p>
<p style="TEXT-ALIGN: left"><strong>ti informiamo che la tua bolletta numero </strong> 123456789, con data di emissione 22/01/2015 e...