Why are the heading titles not left aligned though they are formatted as left-aligned?

Why are the heading titles not left aligned though they are formatted as left-aligned?

The first paragraph heading Name is yet the following two paragraph headings Address and E-mail under are not?

Name: IS left aligned

Address: NOT

E-mail: NOT

This is about field label's text indent which is set up 15px as a default. To align the labels, please inject this code into your CSS form.

ul.form-section.page-section li:nth-child(n+4):nth-child(-n+5) label, ul.form-section.page-section li:nth-child(n+8):nth-child(-n+9) label {
    text-indent : 0px !important;
}

How to Inject Custom CSS Codes

I inserted the CSS and that did not do the trick!

Please inject this custom CSS code to your form:

label#label_22 {
    margin-left: -16px!important;
}
label#label_20 {
    margin-left: -16px!important;
}

Guide: How-to-Inject-Custom-CSS-Codes

Please give it a try and let us know how it goes.

Hi I inserted that code now. It did not align left. I deleted the code the first person replied with before you and still nothing.

Here is the form: https://www.jotform.com/build/63506624432149

Can you please check again?

If it's still not aligned, simply change the value (-33px) to the CSS code.

Actually, the labels are aligned when the form is published, please check the form in preview or published mode.

Click this URL: https://form.jotform.com/63506624432149