Configurable List: I would like the radio button options to be next to each other and not on top of each other

How can I change the position of the radio button? I would like the radio button options to be next to each other and not on top of each other. 

How can I change the layout of the radio button?

Please give me more time to work on the issue. I will contact you once I found a solution.

Thank you for your patience.

Sorry for the delay. Please follow the steps below to position the radio fields in a single row:

1. In the Form Builder, select the Configurable List widget and then click the "Widget Settings" button.

2. Go to the "Custom CSS" tab and remove all the CSS code.

3. After that, please insert the CSS code below:

.checkbox, .radio {
margin: 5px 0;
}

.col2 .radio, .col5 .radio, .col6 .radio {
float: left !important;
}

.col2 .radio-container {
width: 130px;
}

.col5 .radio-container {
width: 90px;
}

.col6 .radio-container {
width: 150px;
}

th.col6 {
width: 150px;
}

.checkbox, .radio {
margin-right: 3px;
}

4. When you are done, click the "Update Widget" button and save the form.

Here's a guide on How-to-Inject-CSS-Codes-to-Widgets. Here's the result:

Here's a demo form: https://form.jotformpro.com/72566150347962.

Hope that helps. Let us know if you need further assistance. Thank you.