What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    radio buttons 1-7 in one line

    Asked by chankins on September 10, 2015 at 12:33 PM

    My form:  http://form.jotformpro.com/form/52524421369959

    I would like the radio buttons 1-7 in one line.  How may I accomplish this?




    Page URL:

  • Profile Image

    Answered by victor on September 10, 2015 at 02:31 PM

    Hello Charley,

    You can inject the following CSS code in the designer:


    #cid_6 span.form-radio-item {

        width: 60px;



    You can adjust the spacing increasing or decreasing 60px.

    Please let us know if this helps.


    Victor M Larrea

  • Profile Image

    Answered by chankins on September 10, 2015 at 03:02 PM

    Super!  Thanks,



  • Profile Image

    Answered by AKLEND on September 10, 2015 at 06:43 PM


    At which location in the CSS code do you input that line?  I want it to change just one section.

    I tried to highlight the radio buttons and then input into CSS but it changed all of my questions - not just the one question I wanted to change

  • Profile Image

    Answered by victor on September 10, 2015 at 07:21 PM

    Hello CH,

    I just reviewed your form It seems that you were able to find the CSS code so all your radio buttons are align. If you have any more question, please do not hesitate contacting us.


    Victor M Larrea