JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body class="body" style="padding:0; margin:0; display:block; -webkit-text-size-adjust:none">
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
/* Take care of image borders and formatting */
img {
max-width: 600px;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a {
text-decoration: none;
border: 0;
outline: none;
color: #bbbbbb;
}
a img {
border: none;
}
/* General styling */
div, td, h1, h2, h3 {
font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
}
div {
text-align: center;
}
td {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
}
body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100%;
height: 100%;
color: #37302d;
background: #ffffff;
font-size: 15px;
}
table {
border-collapse: collapse !important;
}
.headline {
color: #ffffff;
font-size: 16px;
}
.force-full-width {
width: 100% !important;
}
.font-kind {
font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
}
</style>
<style...