JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<form method="post" action="Default2.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTg0NTQ2NDQwM2RklYGoyLOFhJ8tFFbsnMbT6iMW5BaKaMkakfPuo1WrWzM=" />
</div>

<div class="aspNetHidden">

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCAKPtLHGDQKnpN3DCAKGz6jgBAKq4OrRDgLz96fOBQKn1uyjAgLFpo7DDwKU0IytAdEBvx+p7eYaZROl2aRtLJULPCnakqS8JE1vEUG6IGV6" />
</div>
    <div>
    
        

<div id="controlwrapper">
    <fieldset>
        <div class="controlset" id="controlset1">
            <label for="AddressInput1_firstName" id="AddressInput1_lblFirstName" class="controllabel">First Name:</label>
            <input name="AddressInput1$firstName" type="text" id="AddressInput1_firstName" class="controltextBox" />
        </div>
        <div class="controlset" id="controlset2">
            <label for="AddressInput1_lastName" id="AddressInput1_lblLastName" class="controllabel">Last Name:</label>
            <input name="AddressInput1$lastName" type="text" id="AddressInput1_lastName" class="controltextBox" />
        </div>
        <div  class="controlset" id="controlset3">
            <label for="AddressInput1_company" id="AddressInput1_lblCompany" class="controllabel">Company:</label>
            <input name="AddressInput1$company" type="text" id="AddressInput1_company" class="controllongtextBox" />
        </div>
        <div class="controlset" id="streetCtrl">
            <label for="AddressInput1_street" id="AddressInput1_Label1" class="controllabel">Street:</label>
            <input name="AddressInput1$street" type="text" id="AddressInput1_street" class="controllongtextBox" />
        </div>
        <div class="controlset" id="controlset4">
            <span id="AddressInput1_Label13" class="controllabel">City:</span>
            <input name="AddressInput1$city" type="text" id="AddressInput1_city" class="controltextBox" />
        </div>
        <div class="controlset"...

CSS

#controlwrapper
    {
        width: 500px;
    }
    
    fieldset
    {
        border: 0;
    }
    
    .controllabel
    {
        display: block;
        float: left;
        width: 100px;
    }
    .controltextBox
    {
        display: block;
        float: left;
        width: 125px;
    }
    
    .controllongtextBox
    {
        display: block;
        float: left;
        width: 375px;
    }
    
    .controlset
    {
        clear: both;
        display: block;
        width: 250px;
    }
    
    #controlset1, #controlset2
    {
        clear: none;
        float: left;
    }
    
    #controlset3, #streetCtrl
    {
        width: 500px;
    }