JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>


<title>Franklin Square Capital Partners - Due Diligence Email 2-4-13</title>



</head>

<body bgcolor="#EAEBEC" lang=EN-US link="#004080" vlink="#004080"
style='tab-interval:.5in;margin-left:18.75pt;margin-top:18.75pt;margin-right:
18.75pt;margin-bottom:18.75pt'>



<div align=center>

<table border=0 cellspacing=0 cellpadding=0 width=740
 style='width:555.0pt;mso-cellspacing:0in;mso-yfti-tbllook:1184;mso-padding-alt:
 0in 0in 0in 0in'>
 <tr>
  <td width=800 valign=top style='width:600.0pt;background:white;padding:7.5pt 0in 3.75pt 0in'>
  <p align=center style='text-align:center'><span
  style='font-size:8.5pt;font-family:"Arial","sans-serif"'>Click <a
  href="{ViewLink}">here</a> to view this e-mail as a web page.</span></p>
  <p align=center style='text-align:center'><img
  border=0 width=740 height=150 id="_x0000_i1028"
  src="{imagepath}topb940x192.jpg" alt="Franklin Square Capital Partners"></p>
  </td>
 </tr>
 <tr>
  <td width=800 valign=bottom style='width:600.0pt;background:white;padding:
  3.75pt 30.0pt 7.5pt 30.0pt'>
  <div align=center>
  <table border=0 cellspacing=0 cellpadding=0 width=661
   style='width:495.75pt;' height=495>
   <tr style='height:30.0pt'>
    <td align="left" valign=top style='background:white;padding:0in 0in 1.5pt 0in;
    height:30.0pt'>
    <p style='margin:0in;margin-bottom:.0001pt;line-height:
    16.8pt'><b><span style='font-family:"Helvetica","sans-serif";mso-fareast-font-family:
    "Times New Roman";color:#004080'>Franklin Square Capital <span
    class=SpellE>Partners' Best</span> Practices <br>
    Matter to You and Your Clients</span></b><span style='font-family:"Helvetica","sans-serif";
    color:#333333'></span></p>
    </td>
    <td valign=bottom...