I set two sets of Fields to be inline, however when I did this, it shifted the alignment much further left than needed (see images, Department Name *, and Length of Time...)
How do I get these to line back up with the original fields?
//Department & Branch Location, inline text
#q155, #q156 {display : inline-block;}
#q155 .cf-label {width: 150px;}
#q156 .cf-label {width: 125px;}
#q155 .cf-field {width : 250px; min-width : 100px;}
#q156 .cf-field {width : 150px; min-width : 100px;}
#q155, #q156 {padding : 0px;}
#q155 .cf-label, #q156 .cf-label {padding : 0px;}
#q155 .cf-input, #q156 .cf-input {padding : 0px;}
//Length of Time, Year & Month, inline text
#q175, #q176 {display: inline-block; }
#q175 .cf-label {width: 350px;}
#q176 label {display: none;}
#q175 .cf-field {width : 75px; min-width : 75px;}
#q176 .cf-field {width : 75px; min-width : 75px;}
#q175 {padding : 1px;}
#q176 {padding : 0px;}
#q175 .cf-label {padding : 0px;}
#q175 .cf-input {padding : 0px;}
#q176 .cf-input {padding : 0px;}