Form preview appearing differently to builder.

As per screenshot, form preview is not reflecting the arrangement of text/widgets displayed in builder.

The only change I have made is in the advanced form designer I have nominated the width of the radio button widget so that the heading would wrap the text as per the form preview screenshot.

Regardless of whether width is set or not, this discrepancy remains.

To clarify, do you want your fields to be side by side?

You may use custom CSS in your form.

.form-all{
width:900px;
}

#id_42{
position: absolute;
margin-left: 400px;
margin-top: -70px;
}
#id_56,#id_58,#id_72,#id_75,#id_81,#id_84{
position: absolute;
margin-left: 400px;
margin-top: -70px;
}
#id_63{
position: absolute;
margin-left: 440px;
margin-top: -70px;
}
#id_69,#id_78{
position: absolute;
margin-left: 440px;
margin-top: -70px;
}
#label_69,#label_78{
margin-left: 100px;
}

Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Please give it a try and let us know how it goes.