How to center fields on web page?

My title and button are centered fine, and the way the form looks on a mobile is fine, but on a web page all of the fields are flush left instead of centered with the title and button. How do I get all fields to be centered?

Many thanks for your patience. Barb

I have inspected your form and I saw that inside of Preferences and Designer settings width of your form is set to 350px, however actual width of your form is 720px.

Please add this CSS code to your form:

.form-all {

    width:400px!important;

}

How to Inject Custom CSS Codes

After you add this code your form will look like this. 

Here is my demo form: https://www.jotformpro.com/form/63257892825973 

Feel free to clone it.

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

Thank you, thank you, thank you!
Barb
...

You're welcome.

Feel free to contact us if you have any other questions.