JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="cell label">Label</div>
    <div class="cell input">
        <input type="text" />
    </div>
</div>
<div class="row">
    <div class="cell">Another label</div>
    <div class="cell input">
        <input type="text" />
        <span class="info">Here is some more information about this input field</span>
    </div>
</div>

CSS

.row {
    display: block;
    outline: 1px solid black;
}
.cell {
    display: inline-block;
    padding: 5px;
}
.input {
   width: -webkit-min-content;
}
.label {
    text-align: right;
}
.info {
    display: block;
}