JSFiddle - React, Tailwind, and code Playground
HTML
<div style='padding:0;min-width:100%!important;font-family:"Open Sans",Arial;color:#666;text-align:center; font-size: 16px;'>
<a href='https://ecasework.com/' style='display: block;'><img width='256px' height='64px' src='https://ecasework.com/Images/eCasework-email.png' /></a>
<div style="padding:10px 0;text-align:left;">
<p>
<b>Matt Dalton</b>, who says you are their councillor, has contacted you via eCasework, a councillor case management system. Their message and details are below
</p>
<p>
from: <a style="color:#3555bd;" href="mailto:[email protected]" target="_blank">[email protected]</a>
</p>
</div>
<hr style="background-color: #333; margin:0 10%; height: 1px; border: none;" />
<div style="padding:10px 0;text-align:left;">
<p>
Hi Bob,
<br />
<br />
I'd like to complain about the noise the people downstairs keep making. The little girl keeps waking up at 6 o'clock in the morning, screaming for her mother, who then screams back from the kitchen that she should get out of bed and make her own way to the kitchen. Doors are then slammed and the little boy starts crying because he can't get any sleep. I think I can hear the father swearing in the shower.
<br />
<br />
Can you, as our local councilors, step in and do something?
<br />
<br />
Fred
</p>
</div>
<hr style="background-color: #333; margin:0 10%; height: 1px; border: none;" />
<div style="font-size:11px; padding: 20px 0;">
<p>
eCasework is a Porism Ltd product
</p>
<p>
For help please contact <a style="color:#3555bd;" href="mailto:[email protected]" target="_blank">[email protected]</a>
</p>
</div>
</div>