If I use checkboxes, it looks nice but a lot of white space on the right and it is very long list.  I was hoping to make two columns but I not sure if I can format the checkbox field to have two columns.  When I try CSS like I would for a single field, my yes no overlaps on disease name, instead of moving side by side.  This is the HTML/CSS I'm using for single fields. 

#Field36 {width: 550px}
#q36 .label-left {width: 20px;}
#q36 .cf-field {width: 25px;}
#q36 .cf-medium {width: 30px;}

#Field37 {width: 550px}
#q37 .label-left {width: 20px;}
#q37 .cf-field {width: 25px;}
#q37 .cf-medium {width: 30px;}

#q36, #q37 {display: inline-block;}

You can refer to this post, use similar logic for the checkbox field

https://answers.laserfiche.com/questions/51613/Trouble-with-Putting-Fields-SidebySide

Hi Abby,

I did try that with this 

#q22, #q23 .inline {display:inline-block; vertical align:top; }
#q22 label {width: 100%;}
#q22 .cf-field {width: 25px;}
#q22 .cf-medium {width: 100%;}

#q23 label {width: 100%;}
#q23 .cf-field {width: 25px;}
#q23 .cf-medium {width: 100%;}

The checkboxes are smaller but they still do not line up side by side. You can see the difference in the top two that I applied the CSS to. 

Is there a way to make these into two columns instead of one long list?