Checklist widget: Change to two column layout

How to do I prevent the checklist widget from skipping the first row in the second column?

I used custom CSS found in the user guide section for the widget width and column set up.

I presume you are referring to this part of your Checklist widget:

I presume you wanted it to look like this:

If so, then please try using this custom CSS code that I have, replace your current CSS code in your widget with this one:

.checklist li {

display: inline-block !important;

width: 50% !important;

border: none !important;

}

.checklist li:nth-child(odd) {

   border-right: 1px solid lightgray !important;

   border-bottom: 1px solid lightgray !important;

   box-sizing: border-box !important;

}

.checklist li:nth-child(even) {

box-sizing: border-box !important;

border-bottom: 1px solid lightgray !important;

}

#checklist > li.other {

border-bottom: none !important;

}

Here's a guide on how to inject your custom CSS code in your widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

Let us know if that works.