Display text inside a radiobox instead of next to it?

[fastsyrup]

Hi there,

How can I make a radiobox where the text is displayed within the radiobox instead of next to it? Using the Formik component.

Here is my code where the radiotext is displayed next to it in a label. How can I change this?

settings.options.map((item) => (
  <div key={item}>
    <label className="form-check-label" htmlFor={item}>
      {item}
    </label>
    <Field
      type="checkbox"
      name="options"
      value={item}
      className="form-check-input"
      id={item}
    />
</div>

Thanks!