Issues with the name fields not aligning properly on output.

I have created a form using the name input field including first, middle, last and suffix fields. The last name and suffix field look correct in build mode, but, in the output, they are backward and misaligned.

Since this is just the default name field built into jotform do you any suggestions?

Please try to use the following CSS code:

#suffix_541 {

    margin-left: -20px;

}

#suffix_308 {

    margin-left: -20px;

}

In order to inject the CSS code, please follow this guide:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Please give it a try and let us know, if it works for you.

We will wait for your response.

It does not fix the issues. It looks like this in preview.

I don't understand why suffix comes before last name. That's not how the widget is set up or how name fields usually work.

Please replace all existing CSS in your form with the following

[data-type="control_fullname"] > div > div > span:nth-child(4) {

  float: inherit !important;

}

Thanks that does fix the issue with the formatting of the boxes touching.