JSFiddle - React, Tailwind, and code Playground

by besign

HTML

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<body bgcolor="#FFF41F" style="font-family:Open Sans, Arial, Sans-serif; line-height:25px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px">
        <center class="wrapper">
            <div class="webkit">
                <!--[if (gte mso 9)|(IE)]>
                <table width="600" align="center">
                <tr>
                <td>
                <![endif]-->
                <table width="100%" class="outer" align="center" style="background:#FFFFFF;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px">
								<tr>
								 <td class="two-column">
									 <!--[if (gte mso 9)|(IE)]>
                            <table width="100%">
                            <tr>
                            <td width="50%" valign="padding-top">
                            <![endif]-->
														<div class="column">
                                <table width="100%">
                                    <tr>
                                        <td class="inner" style="text-align:center">
                                           <h1 style="text-align:center; font-family:Oswald, Arial, Sans serif;line-height:35px; text-transform:uppercase">																					 Hablemos rápido <br>antes de que el mundo vuelva a cambiar...</h1><img src="https://colmenadeideas.com/mailassets/mailcampains/findelmundo/smoke-color.jpg" align="middle" style="margin:auto;text-align:center"/></td></tr></table></div>
																					 
								</td></tr>
								</table>
								<table class="outer" align="center" width="650">
                    <tr>
                        <td class="two-column">
                            <!--[if (gte mso 9)|(IE)]>
                            <table width="100%">
                            <tr>
                            <td width="50%"...