JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1http://jsfiddle.net/eNKxp/-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Email</title>
<style type="text/css">
<!--
body,td,th {
	font-size: 16px;
}
-->
</style></head>

<body bgcolor="#d6d6d6">

<table width="595" border="0" align="center" cellpadding="0" cellspacing="0" >
  <tr>
    <td colspan="2"><img src="images/NPC-Header.gif" width="595" height="106" alt="Npc header" /></td>
  </tr>
  <tr>
    <td colspan="2"><img src="images/onlineDirectory.gif" width="595" height="407" alt="online directory" /></td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="#FFFFFF"> <h2 style="font-family: Arial, Helvetica, sans-serif; color:#1d95a5; margin-left: 25px;"> What is the NP-C directory?</h2>
    <p style="font-family: Arial, Helvetica, sans-serif; color:#555555; font-size:15px; margin-left: 25px; margin-right: 22px; background-colour:#FFFFFF;   margin-top:-20px;" >The new NP-C directory, <a href="www.niemann-pick-c.com/niemann-www.niemann-pick-c.com/niemann-pick_type_c_disease_professional_directory.cfm" style="color:#1d95a5; text-decoration:underline;">www.niemann-pick-c.com/niemann-pick_type_c_disease_professional_directory.cfm</a>, aims to provide healthcare professionals with a global networking resource dedicated to supporting the diagnosis and treatment of patients with NP-C. </p>
    <h3 style="font-family: Arial, Helvetica, sans-serif; color:#1d95a5; margin-left: 25px;">Why is a NP-C directory needed?</h3> 
     <ul  style="font-family: Arial, Helvetica, sans-serif; color:#555555; font-size:15px; margin-left: 40px; margin-right: 30px; background-colour:#FFFFFF;   margin-top:-20px;">
       <li> NP-C is a rarely diagnosed disease, with a minimal incidence of at least one case in every 100,000-120,000 live births <sup style="font-size: 10px; vertical-align:...