Can you assist me in breaking my configurable list down into two rows please?

I've seen it done but am not programming savvy. Can you point out the part of the code that I need to copy from other forms that will allow me to create a second row of field information in my configurable list widget please? 

Thank you!

https://form.jotform.com/61474191761963

To my understanding you are using the configurable list widget and would like to set it up to display in two rows.

We've actually got a guide which will help walk you through setting it up and customizing it.

Please see https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget 

I have reviewed that link and it doesn't cover how to create two rows in the configurable list. It only shows how to create multiple columns on one row. 

If you need it to be like this: https://form.jotform.com/61485984686981. Inject the following custom CSS codes to the CSS box of the widget:

td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7, td.col8, td.col9, td.col10 {

display: inline-block;

float: left;

padding: 20px 5px 1px 1px;

}

td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7, td.col8, td.col9, td.col10 { 

width: 19%; 

}

td.col11 { 

position: relative; 

top: 18px;

}

Let us know if you need any further assistance.