JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<form action="/" title='form1' name='form1' id='form1'>
    <table>
        <tr class="row">
            <td>input1</td>
            <td><input type="color" name="" id="input1"></td>
        </tr>
        <tr class="row">
            <td>input2</td>
            <td><input type="color" name="" id="input2"></td>
        </tr>
        <tr class="row">
            <td>input3</td>
            <td><input type="color" name="" id="input3"></td>
        </tr>
        <tr class="row">
            <td>input4</td>
            <td><input type="color" name="" id="input4"></td>
        </tr>
    </table>
</form>

CSS

.row{
    width:100%;
}

JavaScript

//t is short for tag, c is short for children
//
//var table = "table[