Infinite List Widget: Splitting fields into multiple rows

I have created a form that fits all my needs as to capturing the information required for tracking purposes.  However, there is one component that I need help with.  We have a table that has 7 columns and 16 rows to capture information.  I have tried to use the spreadsheet and data grids widgets but cannot get them to work for me.  I finally used the Infinite List Widget and have been able to capture the information I need, however when I print the page, the last column is partially cut off.  Is there a way to make this widget 2 lines so that all of the information gathered is together?  It is for our CASA Contact Log approximately halfway down our form.

It is possible to split the Infinite List widget fields into multiple rows by adding a CSS to the Custom CSS tab of the widget.

Column Names:

Date, Person Contacted, Relationship to child, Contact Type, Hours/Qtr. Hrs., Miles, Conversation Summary

Custom CSS:

td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7 {
display:inline-block;
float: left;
padding: 5px;
width: 25%;
}

.label {
display: table-cell !important;
float: inherit !important;
}

Result:

If you need any further assistance, please let us know.

Thank you soooooo much!!!!! You have made my day a whole lot brighter!!!!
Debbie Richardson
Executive Assistant
Child Advocacy Services
1504 W. Church Street
Hammond, LA 70401
Phone: 985-902-9583
Toll Free: 1-800-798-1575
Fax: 985-345-4689
Web site: www.childadv.net
CAS Mission: To give voice, healing, and security to children.
[20th Year Logo Email Signature_Blue Ribbon]
Confidentiality Statement:
...