JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <section>
    <h4>Group 2</h4>
    <label><span>Content1</span> <input type="text"></label>
    <label><span>Content2 If A</span> <input type="text" input="disabled"></label>
    <label><span>Content2 If B</span> <input type="text"></label>
    <label><span>Content3</span> <input type="text"></label>
  </section>
  <section>
    <h4>Group 3</h4>
    <label><span>Content4 If B</span> <input type="text"></label>
    <label><span>Content5</span> <input type="text"></label>
    <label><span>Content6</span> <input type="text"></label>
    <label><span>Content7 If A</span> <input type="text"></label>
    <label><span>Content7 If C</span> <input type="text"></label>
    <label><span>Content7 If D</span> <input type="text"></label>
  </section>
</div>

CSS

label{
  display: block;
}
span{
  display: inline-block;
  width: 100px;
}