Help needed to get first and second names onto a single line?

The two boxes for first and second names always seem to spread over two rows.  I had this problem before with a previous form. The code I was given for fixing it hasn't worked this time - not sure if this is because I have another code to keep the labels the full width?  This is what I have at the moment:

.form-sub-label-container {

    width : 48% !important;

}

.form-label.form-label-top {

    width : 100% !important;

} 

Thanks!

Use the following custom CSS instead:

[data-type="control_fullname"] .form-sub-label-container {

    width: 48% !important;

}

Perfect! Thanks very much!

Also is there a way to make the padding between the columns on the rest of the form the same as the gap between the full name boxes?

Thanks!

Try to replace the previous full name CSS with the following and let me know if this suits you:

[data-type="control_fullname"] .form-sub-label-container:first-child {

    margin-right: 0%;

    width: 50% !important;

    padding-right: 3px;

}

[data-type="control_fullname"] .form-sub-label-container:nth-child(2) {

    width: 50% !important;

    padding-left: 3px;

    margin-left: 0% !important;

}

I love this! So good when things are symmetrical! :) 

Thank you