JSFiddle - React, Tailwind, and code Playground

by godfrzero

HTML

<div class="form-wrapper">
    <div class="input-group">
        <label>Email Address</label>
        <input type="text" />
    </div>
    <div class="input-group">
        <label>Password</label>
        <input type="password" />
    </div>
    <div class="input-group">
        <label>Confirm Password</label>
        <input type="password" />
    </div>
</div>

CSS

* {
    box-sizing: border-box;
}

.form-wrapper {
    display: table;
    width: 100%;
}

.input-group {
    display: table-row;
}

.input-group > * {
    display: table-cell;
    padding: 20px;
    width: 100%;
}

.input-group > label {
    text-align: right;
    width: 20%;
}