How to get lines closer

If I use headings or text above input fields it always leaves a big gap between them and the fields- How can i make that smaller?

Also, why are there always such huge margins at each side of a form when it comes to embedding them in a web page?

You can try injecting the following CSS Code into your form:

.form-html {
padding: 0px;
}

.form-line {
padding-top: 0px;
padding-bottom: 0px;}

This is my example form: http://form.jotformpro.com/form/41047763386965?

In regards to the way the form is embedded, we do suggest to use the iFrame Method as it yields the best results. You can also modify the width of your form and iFrame field if neccesary.

Do let us know if you need further assistance. Thank you.

Related Article:
-How-to-Clone-an-Existing-Form-from-a-URL