CSS class to add space between the Controls

Question

I am using 3 radio buttons in my User Control, I need to add space between the Radio Buttons, not between the text or button and its text, but between the buttons, could you please help me how can I add space between the Radio Buttons, my User Control list is as follows

public class RadioButtonListAppointmentFormat : MyCalSTRSRadioButtonList
{
    public RadioButtonListAppointmentFormat(): base()
    {
        this.CellPadding = 0;
        this.CellSpacing = 0;

        Items.Add(new ListItem("In Person", "InPerson"));
        Items.Add(new ListItem("Telephone", "Telephone"));
        Items.Add(new ListItem("Web Based", "Web"));

        SelectedIndex = 0;
        this.SetDisplayTextToNoWrap();
    }
}

Base class for our User Control

public class MyCalSTRSRadioButtonList : BaseRadioButtonList
{
    public MyCalSTRSRadioButtonList() : base()
    {
        this.CssClass = ApplicationSettings.CssClass.FormText;
    }
}

this is the CSS it is using

.formtext {
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 22px !important;
}

And following is to attach the css to the User Control

public static string FormText
 {
     get { return "formtext"; }
 }

Any help is greatly appreciated please

Answer 1

 .formtext {
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 22px !important;
    }

.formtext input[type="radio"] {
    margin-right: 10px; /* Puedes ajustar el valor según sea necesario */
  }