JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <fieldset>
    <legend>
      Question?
    </legend>
    <input id="yes" type="radio" name="yesno" />
    <label for="yes">Yes</label>

    <fieldset id="content">
      <legend>
        Sub-question?
      </legend>
      <label for="info">More info</label>
      <input id="info" type="text" />
    </fieldset>


    <input id="no" type="radio" name="yesno" />
    <label for="no">No</label>

  </fieldset>

</form>

CSS

#content {
  display: none;
}

#yes:checked+label+#content {
  display: block;
}

input[type="radio"] {
  display: block;
  float: left;
  clear: left;
}

label {
  float: left;
}

fieldset {
  clear: left;
}