How do I adjust the form so that when it converts to pdf it looks good?

I transferred over from FormsCentral.  When I convert my forms to pdf they look terrible and do not line up the words properly.  It also changes the formating.  How can I prevent this from happening? 

We would like to apologize for the inconvenience this have caused you.

This can be solved by applying CSS codes to your form before creating the PDF copy. 

You may use this guide: How-to-Inject-Custom-CSS-Codes 

Also, could you give us more details of the issue you're having with the PDF form. 

We will wait for your response. Thank you. 

Thank you, I will try applying the CSS codes and see if that helps.  

Here's an example: 

On the left side of the image(actual form), you can see that the fields are properly arranged, however on the right side(Fillable PDF copy of the form), the text box overlaps its label.

You can try to add this CSS codes: 

#input_52, #lite_mode_53, #input_55, #input_57{

position: absolute !important;

margin-left:100px !important;

}

and it should fix the issue.

Let us know how it works for you you. If you will be needing further assistance, please feel free to get back to us and we will be glad to help you anytime. Thank you.