JSFiddle - React, Tailwind, and code Playground

by srhcan

HTML

<body bgcolor="#C0C0C0" text="#000000" topmargin="0" leftmargin="0">
    <form name="summary_form" method="post" action="">
        <table width="100%" border="1" cellspacing="0" cellpadding="0" align="left">
            <tr>
                <td width="20%" height="29" bgcolor="#999999"><b>Deposit HED</b>

                </td>
                <td width="20%" height="29" bgcolor="#999999"><b>Bank</b>

                </td>
                <td width="15%" height="29" bgcolor="#999999"><b>Branch</b>

                </td>
                <td width="17%" height="29" bgcolor="#999999"><b>Account</b>

                </td>
                <td width="15%" height="29" bgcolor="#999999"><b>Amt, %, Rate,Spec</b>

                </td>
                <td height="29" bgcolor="#999999"></td>
            </tr>
            <tr>
                <td width="20%" height="29" style="font-family: Verdana; font-size: 8pt">
                    <div align="center" style=" font-family:Verdana;font-size:8pt;text-align:left;" tabindex="10">999 - NET PAY</div>
                </td>
                <td width="20%" height="29" style="font-family: Verdana; font-size: 8pt">
                    <div align="center" style=" font-family:Verdana;font-size:8pt;text-align:left;" tabindex="20">&lt;Cheque Only&gt;</div>
                </td>
                <td width="15%" height="29" style="font-family: Verdana; font-size: 8pt">
                    <div align="center" style=" font-family:Verdana;font-size:8pt;text-align:right;" tabindex="30">00000</div>
                </td>
                <td width="17%" height="29" style="font-family: Verdana; font-size: 8pt">
                    <div align="center" style=" font-family:Verdana;font-size:8pt;text-align:right;" tabindex="40">000000000000</div>
                </td>
                <td width="15%" height="29" style="font-family: Verdana; font-size: 8pt">
                    <div align="center" style="...