Multiple Choice Column width and alignment issues.

I'm trying to align my columns but they don't want to cooperate with me. I want the question to be left aligned and the choices to appear to the right but they keep going underneath. I also want the times to stay on the same line instead of flowing onto the line below. I tried adding some CSS code and it got me part way there but it still won't work on the entire page.

Like this?

To achieve this, you will need to reduce the input width of the radio button & check box fields inside of the Advanced Designer from 700px to 500px. 

You will also have to left align the fields inside of the field Properties. 

Here is a demo form - https://form.jotform.com/90904974168973

Feel free to test it and clone it. 

Ok, this looks great and fixes almost everything. However, I have it set to spread to 4 columns but the last column is overflowing to the next line instead of the empty space to the right.

Also, the "Back" and "Next" buttons are getting squished together. How do I space them out from one another?

Please inject the following CSS code to fix the issues: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

.form-checkbox-item:not(#foo) label {

    width: 100% !important;

}

.form-checkbox-item:not(#foo) {

    min-width: auto !important;

}

.form-pagebreak-next-container{

    float: right;

}

Result:

Let us know if you need more help, we will be glad to assist you.

This worked great. Thanks!