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.

  • Profile Image

    I want to divide my form into sections with a horizontal dotted line

    Asked by nicrigden on May 02, 2013 at 04:58 AM
    Page URL:

    sections horizontal
  • Profile Image
    JotForm Support

    Answered by jonathan on May 02, 2013 at 06:17 AM


    You can add a Free Text(HTML) field and add the code <HR dotted for separator.

    Something like this



    This is the code I used

    <hr style="color:#666666;border:dashed;">

    This is the test form


    Hope this help. Please inform us if you have more question.


  • Profile Image

    Answered by pinoytech on May 02, 2013 at 07:54 AM

    Hi nicrigden,

    For some reasons, your response came out empty. Can you please post it again using this link? http://www.jotform.me/answers/212267-I-want-to-divide-my-form-into-sections-with-a-horizontal-dotted-line#1

    Thank you!

  • Profile Image
    JotForm Support

    Answered by abajan on May 02, 2013 at 08:23 AM


    Did you see the clone to which I referred in my first reply to your other thread about this form? I'm asking this because just a few adjustments to the clone's CSS (and by extension, your form's CSS) would accomplish your goal without the need for additional form elements (free text).

  • Profile Image

    Answered by nicrigden on May 02, 2013 at 09:10 AM

    Hi yes I did see the clone, it was just what I wanted thanks. But I couldn't see the CSS code you used so I couldn't transfer it to my form.

  • Profile Image
    JotForm Support

    Answered by abajan on May 02, 2013 at 09:16 AM

    Sorry about that. Here it is:

    .form-header {
    text-align: center;

    .form-sub-label {
    color: #030303;

    #id_81, #id_82, #id_83, #id_84,
    #id_85, #id_86, #id_87, #id_88,
    #id_89, #id_90, #id_91, #id_92,
    #id_93, #id_94, #id_95, #id_96,
    #id_97, #id_98, #id_78 {
    border-bottom: 2px dotted #000;

    I've made the adjustments to which I earlier referred but it can be tweaked more to suit your preference. Just let us know.


  • Profile Image

    Answered by nicrigden on May 02, 2013 at 10:18 AM

    That's great Thanks for your time