I have several fields that I need in the same row of my form. One of the fields has three different options, but only one of the options will be visible, based on field rules. I need whichever field is visible to take up 40% of the form width which should be fine because only one of the fields will ever show in the row at a time.  I'm using the CSS code below, but whenever I preview the form, none of the field size percentages are not working.  q28, q34, and q29 are interchangeable, so only one will show at a time. I need all the remaining fields to show with whichever one of those three is being used. The drag method in the forms designer seems to be overriding the CSS code. I hope that makes sense, thanks for your help. 

#q33 {display: inline-block; width:15%;}

#q28 {display: inline-block; width:40%;}

#q34 {display: inline-block; width:40%;}

#q29 {display: inline-block; width:40%;}

#q30 {display: inline-block; width:20%;}

#q32 {display: inline-block; width:5%;}

#q35 {display: inline-block; width:20%;}