JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
    <div class="field">
        <div class="label">labl 1:</div>
        <div class="value">Some text</div>
        <br />
        <br />
    </div>

    <div class="field">
        <div class="label">this is a really really long label:</div>
        <div class="value">right after":" from previous label</div>
        <br />
    </div>

CSS

.label {
        background: purple;
        float: left;      
        width: 100px;
        display: inline;
        vertical-align: 500px;

}

.value {
        background: red;
        width: 300px;
        float: right;

}