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 place a radio button inside a text label in Webflow, but it’s not displaying as expected. Follow these steps to ensure the correct structure and styling.

1. Structure the Radio Button and Label Properly

• Select the Form Block and drag a Radio Button element inside it.
• Webflow structures radio buttons as a Label that wraps an Input (radio) and Span (text label).

2. Manually Adjust the Label Layout

• Select the Radio Button Label (not the input itself).
• In the Style Panel, set Display: Flex and choose Align Items: Center to align the radio inside the text.
• Adjust gap, padding, or margins as needed to match the design.

3. Inspect Webflow’s Default Label Structure

• Webflow automatically places the radio input before the text inside the label. If your reference image shows a different order, you may need custom CSS (Webflow doesn’t allow manual reordering within a label).

4. Adjust Placement with Custom CSS (Optional)

If you need to move the radio inside the label text:

• Add a Custom Class to the label (e.g., radio-label).
• Use Custom Code (Project Settings → Custom Code → Inside <style> tag):
  ```css
  .radio-label {
  flex-direction: row-reverse; /_ Moves radio to the right of the text _/
  }
  ```
• Adjust using padding or margins to refine the layout.

5. Preview and Test

• Click Preview Mode to ensure alignment.
• Adjust styles as necessary.

Summary

Make sure the radio button and text label are inside the same label element, set Display: Flex, and adjust alignment or use CSS if needed. If you still have issues, share more details on the expected layout.