JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="unstyled">
        <div class="form">
            <label>Name: </label><input type="text" /><br>
            <label>Pass: </label><input type="password" /><br>
            <label>Save Password:</label><input type="checkbox" /><br><br>
            <button>Submit</button>
        </div>
    </div>
    <div id="styled">
        <div class="form">
            <label>Name: </label><input type="text" /><br>
            <label>Pass: </label><input type="password" /><br>
            <label>Save Password:</label> <input type="checkbox" /><br><br>
            <button>Submit</button>
        </div>
    </div>
</div>

CSS

#wrap {
    float: left;
    padding: 60px;
    box-sizing: border-box;
    width: 100%;
}

.form {
    padding: 20px; 
    border: 1px dotted #9c9c9c;
    margin: 10px;
}

#unstyled, #styled {
    float: left; 
    width: 50%;
}

#styled input { 
    border: 2px solid #6d6d6d;
    border-radius: 4px;
    padding: 4px;
    margin: 10px 0;
}

#styled label { 
    min-width: 140px; 
    display: inline-block;
}

#styled input:focus,
#styled button:focus {
    outline: 2px solid green;
}