JSFiddle - React, Tailwind, and code Playground
by Vince
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/campaign-a-v2.0.dwt" codeOutsideHTMLIsLocked="false" --><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=1"/>
<meta name="x-apple-disable-message-reformatting" />
<meta name="robots" content="noindex, nofollow">
<!-- InstanceBeginEditable name="changeHTMLTitle" -->
<!-- InstanceEndEditable -->
<link rel="stylesheet" href="https://web.cdn.crystalfunds.com/fonts/OpenSans/css/font.opensans.css">
<style type="text/css">
#outlook a {padding:0;}
.phone a {color: inherit; text-decoration: none;}
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
.ExternalClass {width:100%;}
.dvPreheader {display: none !important;mso-hide:all;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;}
a[href^="x-apple-data-detectors:"] {color: inherit; text-decoration: inherit;}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
a img {border:none;}
.image_fix {display:block;}
p {margin: 1em 0;}
.gmailfix {display: none;}
h1, h2, h3, h4, h5, h6 {color: black !important;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: blue !important;}
table td {border-collapse: collapse;}
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
@media only screen and (max-width: 600px) {
table[class*="container"] {width: 95% !important}
table[class*="fluid-container"] {width: 100% !important}
...