JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <label>Simple label</label>
    <input type="text" />
</div>
<div class="block">
    <label>Label with more text</label>
    <input type="text" />
</div>
<div class="block">
    <label>Short</label>
    <input type="text" />
</div>

CSS

.block label { display: inline-block; width: 140px; text-align: right; }