JSFiddle - React, Tailwind, and code Playground

by NinjaSk8ter

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
    </head>
    <body>
    <div id="testColumn">
        <div class="controlbox">
            <form name="form1" id="form1" method="post" action="Contact.php">
            <input type="hidden" name="IsPostBack" value="true" />
            <table align="center" border="0" style="background-color:#CCCCCC;width:260px;margin-left:5px;">
            <tr class="tlbrow">
                <td class="tblHeader">Name: </td>
                <td>
                    <input type="text" tabindex="1" name="txtbxName" value="" />
                </td>
            </tr>
            <tr class="tlbrow">
                <td class="tblHeader">Company: </td>
                <td>
                    <input type="text" tabindex="1" name="txtbxCompany" value="" />
                </td>
            </tr>
            <tr class="tlbrow">
                <td class="tblHeader">Email: </td>
                <td>
                    <input type="text" tabindex="7" name="txtbxEmail" value="" />
                </td>
            </tr>            
            <tr class="tlbrow">
                <td class="tblHeader">Phone: </td>
                <td>
                    <input type="text" tabindex="1" name="txtbxPhone" value="" />
                </td>
            </tr>
            <tr class="tlbrow">
                <td class="tblHeader">Address 1: </td>
                <td>
                    <input type="text" tabindex="2" name="txtbxAddress" value="" />
                </td>
            </tr>
            <tr class="tlbrow">
                <td class="tblHeader">Address 2:</td>
                <td>
                    <input type="text" tabindex="3" name="txtbxAddress2" value="" />
                </td>
            </tr>
            <tr class="tlbrow">
                <td class="tblHeader">City: </td>
                <td>
                    <input type="text" tabindex="4" name="txtbxCity"...

CSS

* { margin:0; padding:0;}
html, input {
    font-family: Arial,"Times New Roman",Times,serif;
    font-size: 62.5%;
}
#testColumn {
    background-color: #E4EAEF;
    padding: 10px;
}
.controlbox {
    /*width:539px;*/
    /*padding:6px 7px 0 6px;*/
    margin-top: 6px;
    position:relative; 
    background-color:blue;  
}

/*table.form {
    border: 0 solid black;
    border-spacing: 0;
    margin-left: 10px;
    padding: 0;
}*/
tr.cell {
    border-width: 0;
    empty-cells: show;
    font-family: sans-serif;
    padding: 5px;
    text-align: left;
}
.tlbrow {
    margin: 10px 1px 1px 0;
}
input {
    font-size: 0.9em;
}
.tblHeader {
    color: #0C2A55;
    font-size: 0.85em;
    font-weight: bold;
    text-align: right;
}