How can you change multiple choice label widths?

I have a form where I want to be able to change the label width for different multiple choice fields within the same form.  I am using both single and multiple choice fields.

For example some fields may only have Options of 1, 2, 3 or 4 while others will have will have Options each consisting of several words.

While you can change the label width using the advanced editor it applies the width to all multiple choice fields.
I have tried changing the #label width in CSS with no luck.

A couple of examples are below.

I am not sure if I have understood your requirement correctly. Do you want to change the question label of your multiple choice questions?

Since you want to target specific questions of your form, you will have to find the label id and then inject custom css code of your form. You may like to take a look at the following guide on how to find the label id:  https://www.jotform.com/help/198-How-to-Remove-Field-Labels-in-a-Form (Look for section "How to get the label ID?" in the guide)

Hope this helps.

Do get back to us if you have any questions.

Hi Ashwin,

I am wanting to change the label widths for specific fields.  Two examples below showing the current and what I would prefer.

and

Thanks.

Could you please let us know the Form in question so that we could assist you in changing the CSS.

Thanks.

Hi Roneet,

The form is https://form.jotform.co/82907464884875

I cloned your form and I see what you meant.

Please try adding CSS codes like this 

#cid_76 span.form-radio-item {

    width : 50px;

}

---

You can see the id# of the field affected and you can set the width px according to what you need. 

I hope this help. Let us know if you are not able to do it.

Many thanks.  That all worked fine.