JSFiddle - React, Tailwind, and code Playground

by _sir

HTML

<div>
<input type="radio" name="test" id="foo" value="foo">
<label for="foo">after <span class="sr-only">x occurrences</span></label>
<label><input type="text" name="occurrence_limit"> occurrences</label>
</div>

CSS

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;  /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;            /* 3 */
}