Would like city, state and zip on one line.

the city field should left align with the fields above and below and the zip cde should right align with the fields above and below. When i change the width of the boxes, the do not adjust. Please let me know what we need to do for this to work properly.  https://form.jotform.com/62624760379968

Please inject the custom CSS code below to have the city, state and zip in one line.

#input_20, #input_22, #input_24 {

    width: 142px !important;

    height: 27px;

}

li#id_20, li#id_22, li#id_24 {

    width: 31%;

    padding-right: 0px;

    padding-left: 36px;

}

#id_28, #id_30 {

    padding-left: 36px!important;

    padding-right: 36px!important;

}

If you need further assistance, please let us know.
Regards.