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" />
<title>Meliá</title>
<style type="text/css">
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
</style>
</head>

<body>
<table width="640" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td style="text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; height:30px;">Publicidad</td>
    </tr>
    <tr>
        <td bgcolor="#383232"><a href="?idPrm=ALARMA&idONg=NES&idNom=A&utm_source=ALARMA&utm_medium=email&utm_content=A&utm_campaign=ALARMA_NES"><img src="http://media.solmelia.com/nPromociones/eMailings/50kHabitaciones/img/es/news_01.jpg" width="198"  border="0" /></a><a href="?idPrm=ALARMA&idONg=NES&idNom=A&utm_source=ALARMA&utm_medium=email&utm_content=A&utm_campaign=ALARMA_NES" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; text-align:center;"><img src="http://media.solmelia.com/nPromociones/eMailings/50kHabitaciones/img/es/news_02.jpg" alt="Melià.com | Presenta" width="250" border="0" /></a><a href="?idPrm=ALARMA&idONg=NES&idNom=A&utm_source=ALARMA&utm_medium=email&utm_content=A&utm_campaign=ALARMA_NES"><img src="http://media.solmelia.com/nPromociones/eMailings/50kHabitaciones/img/es/news_03.jpg" width="192"  border="0" /></a></td>
    </tr>
    <tr>
        <td bgcolor="#383232"><a href="?idPrm=ALARMA&idONg=NES&idNom=A&utm_source=ALARMA&utm_medium=email&utm_content=A&utm_campaign=ALARMA_NES"><img src="http://media.solmelia.com/nPromociones/eMailings/50kHabitaciones/img/es/news_04.jpg" width="198"  border="0" /></a><a href="?idPrm=ALARMA&idONg=NES&idNom=A&utm_source=ALARMA&utm_medium=email&utm_content=A&utm_campaign=ALARMA_NES"  style="text-decoration:none;...