How to center fields?

I have tried everything I can find on google. I am tryin got create a landscape form for use on iPad but can't find out how to center all elements on the page - your hgelp much appreciated

Please add this CSS code to your form to center align all form fields:

.form-label.form-label-auto, .form-all {

    text-align : center !important;

}

[data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {

    margin: 0 auto;

}

How to Inject Custom CSS Codes

Here is my demo form - https://form.jotform.com/200232013473943

Feel free to test it and clone it. 

That worked great except for the labels, can you tell me how I can centre them above the input fields.
[cid:image001.png@01D5D2D7.98DF24A0]
[signature_562488921]
www.freedomphotography.com.au
...

I checked your form and the labels are now centered: https://form.jotform.com/200228627178961

Please confirm and let us know if you still need any further assistance.

Thanks for the reply, after much googling I figured out how to use CSS for the first time in my life. As this will used on an iPad in landscape orientation, can you please tell me how I can re-arrange the fields so that the refreshed or inactive form looks like this
[cid:image001.png@01D5D393.9766D610]
But once someone activates a field to enter their details it will change to this
[cid:image002.png@01D5D393.9766D610]
So that the entry fields will be above the keypad, I would really appreciate your help on this one.
[signature_562488921]
www.freedomphotography.com.au
...

If you have included screenshot images in your latest response, it was not uploaded properly so we were not able to see them. You can upload them again on your next response. 

Please open this thread through a browser and upload the screenshots again: https://www.jotform.com/answers/2130380

Follow the steps on this guide: How-to-Post-Screenshots-to-Our-Support-Forum