JSFiddle - React, Tailwind, and code Playground

HTML

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" yahoo="fix" style="font-family: Georgia, Times, serif">

<!-- Wrapper -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
	
		
			<!-- Start Header-->
			<table width="600" border="0" cellpadding="0" cellspacing="0"  align="center" class="deviceWidth" bgcolor="#e9e9e9" style="border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada;">
				<tr><td width="100%"><img src="http://tophitechgadgets.com/wp-content/uploads/2013/11/divider.png" class="deviceWidth"/> </td> </tr>
				<tr>
				
					<td width="100%" >
                            <!-- Logo -->
                            <table border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
                                <tr>
                                    <td style="margin: 0 auto; padding: 14px 0;">
                                        <a href="#"><img src="http://tophitechgadgets.com/wp-content/uploads/2013/11/logo3.png" style="margin: 0 auto;"  alt="" border="0" /></a>
                                    </td>
                                </tr>
                            </table><!-- End Logo -->

					</td>
				</tr>
				
				<tr><td width="100%" ><img src="http://tophitechgadgets.com/wp-content/uploads/2013/11/divider.png" class="deviceWidth"/> </td> </tr>
			</table><!-- End Header -->
			
			<!-- Image Banner -->
			<table width="600"  class="deviceWidth" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#eeeeed" style="border-left: 1px solid #dadada; border-right: 1px solid #dadada;">
				<tr>
					<td style="padding:0; margin:0"  >
						<a href="#"><img  class="deviceWidth" src="http://tophitechgadgets.com/wp-content/uploads/2013/11/img-banner.png" alt="" border="0" /></a>						
					</td>
				</tr>
                       
			</table>
			<!-- End Image Banner -->


            <!-- Banner Text -->
            <table...

CSS

img { border: none; display: block; }
	body	 {width: 100%; background-color: #ffffff; margin:0; padding:0; -webkit-font-smoothing: antialiased;font-family: Georgia, Times, serif}
	table {border-collapse: collapse; }
	a.btn { display: width: 157px; height: 42px;block; margin: 30px;  border: 3px solid #3baaff; padding: 11px 38px; font-size: 12px; font-family: arial; font-weight: bold; color: #3baaff; text-decoration: none; }
    a.btn:hover { background-color: #3baaff;   border: 3px solid #3baaff; padding: 9px 37px; font-size: 12px; font-family: arial; font-weight: bold; color: #fff; text-decoration: none; }


	@media only screen and (max-width: 640px)  {
					body[yahoo] .deviceWidth {width:440px!important; padding:0;}	
					body[yahoo] .center {text-align: center!important;}	 
			}
			
	@media only screen and (max-width: 479px) {
					body[yahoo] .deviceWidth {width:280px!important; padding:0;}	
					body[yahoo] .center {text-align: center!important;}	 
			}