JSFiddle - React, Tailwind, and code Playground

HTML

<div class="input-control">
    <div class="label-wrapper">
        <label>Test</label>
    </div>
    <div class="input-wrapper">
        <input type="text" />
    </div>
</div>

CSS

.input-control
{
    padding: 20px 0px;
    overflow:hidden;
    width:100%
}

.label-wrapper,
.input-wrapper
{
    display:inline-block;
    vertical-align:middle;
}

.label-wrapper
{
    width:160px;
}

.input-wrapper
{
    width: calc(100% - 164px);
    text-align: right;
}