JSFiddle - React, Tailwind, and code Playground

by sun

HTML

<fieldset>
    <legend>Regular</legend>
    <div class="form-type-radio">
        <input type="radio" />
        First
    </div>
    <div class="form-type-radio">
        <input type="radio" />
        Second
    </div>
</fieldset>
<fieldset class="container-inline">
    <legend>Inline content</legend>
    <div class="form-type-radio">
        <input type="radio" />
        First
    </div>
    <div class="form-type-radio">
        <input type="radio" />
        Second
    </div>
</fieldset>

CSS

/* Current system.module.css */
.container-inline div,
.container-inline label {
  display: inline;
}
.container-inline .details-wrapper {
  display: block;
}
/* New/additional */
fieldset.container-inline {
    border: 0;
}
fieldset.container-inline > legend {
    float: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
fieldset.container-inline > legend:after {
    content: ':';
}