What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to align a label (Question Text) to the right of a dropdown box?Asked by HACA on December 14, 2016 at 06:19 PM
I would like to align my labels to the right of a dropdown box. Label alignment only moves the text to the top. When selecting Left or Right, the text stays to the left.
Here is the form link > https://form.jotform.com/63474570844968
Please add the following custom CSS code:
I noticed that you are already using custom CSS code in your form, but just for completion here is a tutorial on how to add it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Please let us know if you need further assistance.
Great. I was close adjusting the left margin, but did not consider the bottom margin.
How would I adjust if I do not use the "Qty." sub-label.
I apologize for not understanding what exactly did you mean by "How would I adjust if I do not use the "Qty." sub-label.".
Could you please be so kind as to rephrase it or explain it further? Ideally with a screenshot like before?
Thank you in advance. I'm looking forward to addressing this request too.
If I remove the sub label "Qty", the dropdown box widens and the label goes behind the dropdown field. I think it requires adjusting the bottom margin, but I could not get it to adjust correctly.
I've fixed it for you by replacing the custom CSS codes with the following:
width: 100% !important;
width: 90px !important;
With or without the Sub Label, they should align property. Here's my cloned version of your form with the above custom CSS codes: https://www.jotformpro.com/form/63500582529961.