Is there a way that zip code can be moved next to state?

I had one other question. Is there a way that  zip code can be moved next to state? I am using the address field template. Or would I have to build out each line?

Inject the following custom CSS codes to your form:

[data-type="control_address"] table tbody tr+tr+tr {

   width: 50% !important;

   display: inline-block;

}

Here's how to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. 

That work, but is there a way to shift it to the left.

 

Change the width from 50% to 34%. Change the value if needed to make it closer.

That moved it but when you try to get it closer, it pushes city and state too close. Is there a padding adjustment maybe? I am trying to get the three equally spaced if possible. Thanks for the help. You guys have such great support!

You need to remove the following custom CSS codes;

#input_4_postal

#input_4_state

 

The result will be like this:

When I do that there is no space between state and zip

Here is what happens when you shrink the form. It does not hold the spacing. I am trying to keep the three equal. 

 

I checked your form and the layout for the city, state and zip code are different than what you have provided on the  screenshot. Have you solved the problem or you still want the layout to be similar to the image you have provided.

We'll wait for your response.

I would still like it to be like the screen shot. I removed the css suggested until further input.

Please try to remove custom CSS codes, that my colleague suggested:

#input_4_postal

#input_4_state

And add this CSS code to your form:

[data-type="control_address"] table tbody tr+tr+tr {

   width: 39% !important;

   display: inline-block;

}

input#input_4_postal {

    margin-left: 5px!important;

}

After that you form should look like this.

Here is my demo form: https://form.jotform.com/61685923816971 

Hope this will help. Let us know if you need further assistance. 

That work! Thank you.