Form is not centering on a webpage

I am trying to align the form to the center of my webpage, but nothing is working. I've tried using a div tag and also just a simple center tag. I've even tried to put it in a table and that didn't work either.

The other issue I am having is that there is a large blank space at the bottom form. I can't figure out how to get rid of it. I'm trying to make the form as compact as possible.

Any help would be appreciated!

To align all the field in the center, please inject the following CSS code

.form-line {

   text-align : center !important;

}

Please let us know if this helps.

Both the form and the 'div' containing it are actually center-aligned, they just set to be 100% of their parent element. 

You simply need to reduce the width of the 'div' container of the form. set it to '600px' intead of '100%' for example.

div{

    width: 600px;

}