How can I insert a radio button into the text label in Webflow? I can't get it to look like the picture. Here is my site Read-Only: [LINK](LINK)

You’re trying to make a radio button appear within a text label in Webflow so that the visual matches a specific design, but it’s not aligning as expected.

1. Use a Label Element to Group the Radio Button and Text

• Drag a Label element from the Add panel (Form section) into your form.
• A Label is used for grouping a form input like a radio button with its text – this improves form accessibility and makes the entire label clickable.

2. Add a Radio Button Inside the Label

• Drag a Radio Button inside the Label element.
• The radio button must be a direct child of the Label to align inline with the text.
• Don’t place the radio button outside the Label or in a separate block.

3. Add and Style the Text Beside the Radio Button

• After the radio button is placed inside the Label, add a Text Span or plain Text directly next to it inside the Label.
• This text becomes clickable along with the radio button.

4. Adjust Alignment and Spacing

• Select the Label element and set its display to Flex (Direction: Horizontal).
• Use Align Items: Center to vertically align the radio and text.
• Add margin-right to the radio button if needed to add spacing before the text.

5. Match the Design

• Compare your layout to the design in the picture.
• Adjust font size, spacing, or styles until it visually matches.
• Use custom icons or SVGs if the default Webflow radio button doesn't match your design (requires custom code or replacing the radio input visibility with a styled
  —basic radio inputs can be hidden using opacity: 0 and replaced visually with styled elements using interactions).

Summary

To insert a radio button into a label and make it look like a design reference, place a Radio Button and Text inside a Label element, then use Flexbox to align and space them properly. This ensures form accessibility while maintaining control over appearance.