How to split the configurable list widget into two columns?

The title says it all.

Q: "How to split the configurable widget (responsive version) into 2 columns?"

Please feel free to play around with the form link to better understand the question.

Thanks in advance/Cheers!

That is possible with custom CSS codes. But first, adjust the width of the widget through its properties. Let's say, 650px;

Next, inject the following custom CSS codes in the widget:

td.col2, td.col3 {

    display: inline-block !important;

}

td.col2 {

    margin-right: 10px;

}

Guide to inject: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets.

Just change the column number to inputs that you want to appear side-by-side.

The above custom CSS codes would make 2nd and 3rd column to display in a row:

That's good news. - However, it won't fall naturally into columns the way it should. - How would you solve that? Thanks in advance!

Could you clarify if you want the textbox fields to show as a second column or the Static title 2 section in a second column?

Please review and suggest how you want to arrange the fields and which fields should be shown as a second column.