[Plugin: Contact Form 7] checkboxes styled as table

Hello,

I’ve read all the documentation and seen that in order to render the checkboxes as a table, I need to add this code to my css:

span.wpcf7-list-item { display: table-row; }
span.wpcf7-list-item * { display: table-cell; }

But all that happens when I do this is that each checkbox is now on a separate line.

Instead, I want 3 checkboxes to a row with all of the checkboxes aligned in each column. So I tried this code as well:

.wpcf7-form input[type="checkbox"] { display: table-row; column-count: 3; }

Even with this nothing happens. Could someone please explain? Here is my url if it helps: http://www.paazi.com/car-shopping-with-paazi-new-page/. As you can see I have a lot of options that need to be organized because they look very sloppy right now.

Any help would be greatly appreciated. Thanks!

http://wordpress.org/extend/plugins/contact-form-7/