So when I use TwoPerLine in my code it works great and ThreePerLine as well.  But what I don't like is when I put a single line below it the alignment looks off.  This should line up.  I've made a OnePerLine and that lines everything up but I really don't want to add CSS for just single line items.  Is there a way to modify the TwoPerLine to match the single line?

/*Displays one fields per line*/
.OnePerLine{display: inline-block; width:50%;}
.OnePerLine .cf-medium {width:97%;}
.OnePerLine .cf-small {width:97%;}

/*Displays two fields per line*/
.TwoPerLine{display: inline-block; width:50%;}
.TwoPerLine .cf-medium {width:97%;}
.TwoPerLine .cf-small {width:97%;}
 
 /* Displays three fields per line */
.ThreePerLine {display: inline-block; width:33%}
.ThreePerLine .cf-medium {width:97%;} 
.ThreePerLine .cf-small {width:97%;}