JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
    <div class="item">
        <input type="checkbox" id="a">
        <label for="a">a</label>
    </div>
   <div class="item">
       <input type="checkbox" id="b">
    <!-- depending on width, a linebreak can occur here. -->
        <label for="b">bgf bh fhg fdg hg dg gfh dfgh </label>
    </div>
   <div class="item">
        <input type="checkbox" id="c">
        <label for="c">c</label>
    </div>
</fieldset>

CSS

fieldset {
    width: 125px;
}
.item {
    display: block;
    width: 50px;
}
label {
    display: inline;
}
input[type=checkbox] {
    display: inline;
}