How to write a right to left form?

Hi,

I'm trying to create a right to left form.  I added the following in the CSS:

.form-all {

direction: rtl !important;

}

It makes the text OK.  However, the label questions stay far away from the fields.  It should be on the right' above the fields:

Note: the label is defined as top.
If I put right or left- it is worse. 

Please assist ASAP.  I saw people use jotform and it worked OK for them...

Thanks!

 found the answer:

To change the direction of your form from ltr to rtl, inject the following CSS codes to your form.

.form-all {direction: rtl; text-align: right; } .form-radio-item:not(#foo) label:before, .form-checkbox-item:not(#foo) label:before {right: 0; margin-right: 0; float: right; } .form-radio-item:not(#foo) label:after {right: 4px; } .form-checkbox-item:not(#foo) label:after{right: 8px; } .form-checkbox-item:not(#foo) label {float: right; } .form-all .form-section .form-col-2 {width: 33.3% !important; } .form-label {text-align: right !important; } span.phone-separate {display: none; } .form-line-error .form-error-message {right: unset !important;left: 0 !important;text-align: left;}

Glad to see that you were able to find the solution. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help. 

Thank you for using JotForm!