JSFiddle - React, Tailwind, and code Playground

by steveukx

HTML

<form>
  <fieldset>
    <label for="field-1">HELLO</label>
    <input type="text" id="field-1">
  </fieldset>
  <fieldset>
    <label for="field-2">HELLO</label>
    <input type="text" id="field-2">
  </fieldset>
  <fieldset>
    <label for="field-3">HELLO</label>
    <input type="text" id="field-3">
  </fieldset>
  <fieldset>
    <label for="field-4">HELLO</label>
    <input type="text" id="field-4">
  </fieldset>
</form>

CSS

fieldset {
  
  display: flex;
  flex-direction: row;
  
}

label {
  background: orange;
  flex-grow: 1;
}