JSFiddle - React, Tailwind, and code Playground

by jitendravyas

HTML

<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
    	<center>
        	
<table border="0" cellpadding="5px" cellspacing="0" height="100%" width="100%" background="">
    <tr>
        <td align="center" valign="top">
            <p style="text-align:left;color:#6D6E71;font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;text-align:center;margin:5px 0 0 0">Extraordinary stories of Milaap champions, fellows and borrowers.</p>
        </td>
    </tr>
    <tr>
        <td>
            <table style="border:1px solid #EAEAEA; background:white; border-radius:10px; -moz-border-radius:10px; box-shadow: 0px 0px 10px 	#E2E2E2;" cellpadding="0" cellspacing="0" width="630px" height="742.5px" align="center">
                <tr>
                    <td valign="top">
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="center" style="padding:15px 0 15px 0">
                                    <a href="http://hovr.us/FjDos" target="_blank"><img src="https://s3.amazonaws.com/mpstatic/repayment-images/logo_zpseac8cc35.png" border="0" alt="Milaap.org"></a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="http://milaap.org/blog/the-most-important-thing-you-should-teach-your-kid/" target="_blank"><img src="https://farm3.staticflickr.com/2919/14027922362_da2b120a9c_o.jpg" border="0" alt="" style="display:block"></a>
                                </td>
                            </tr>
                        </table>
                        <table border="0" cellpadding="0" cellspacing="0" background="" width="650px">
                            <tr align="center">
                                <td colspan="2">
                                    <img...

CSS

#outlook a{
			padding:0;
		}
		body{
			width:100% !important;
		}
		.ReadMsgBody{
			width:100%;
		}
		.ExternalClass{
			width:100%;
		}
		body{
			-webkit-text-size-adjust:none;
		}
		img{
			border:0;
			height:auto;
			line-height:100%;
			outline:none;
			text-decoration:none;
		}
		table td{
			border-collapse:collapse;
		}
		a.milaap span{
			font-size:14px;
			color:#666;
			font-weight:normal;
		}
		a.milaap{
			text-decoration:none;
		}
		a.milaap{
			font-weight:bold;
		}
		a.milaap:link{
			color:#C84B6E;
		}
		a.milaap:visited{
			color:#C84B6E;
		}
		a.milaap:hover{
			color:#9B294C;
		}
		a.milaap:active{
			color:#C84B6E;
		}