JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="colSet">
    <fieldset>
        <label for="Field1">Field 1</label>    	
        <input name="Field1" id="Field1" type="text" />

        <label for="Field2">Field 2</label>    	
        <input name="Field2" id="Field2" type="text" />

        <label for="Field3">Field 3</label>    	
        <input name="Field3" id="Field3" type="text" />
    </fieldset>

    <fieldset>
        <label for="Field4">Field 4</label>    	
        <input name="Field4" id="Field4" type="text" />

        <label for="Field5">Field 5</label>    	
        <input name="Field5" id="Field5" type="text" />

        <label for="Field6">Field 6</label>    	
        <input name="Field6" id="Field6" type="text" />
    </fieldset>
</div>

CSS

.colSet { border: 1px solid black; overflow:hidden; width: 700px; background-color:#E4E2E4; }
.colSet fieldset { border: 1px solid white; width: 310px; float:left; display:block; padding: 14px; margin:5px; } 
.colSet fieldset label { display:inline-block; width: 70px; float:left; }
.colSet fieldset input[type='text'] { border: 1px solid grey; margin-bottom:5px; display:block;width: 234px;padding:2px;   }