title: How to have text in between form inputs
body: <p>I'm trying to make a form with various inputs and between these inputs I want text. Here's what it should look like:
  <a href="https://i.stack.imgur.com/ravdC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ravdC.png" alt="Each of the lines with text underneath are inputs" /></a></p>
  <p>I have had no problem putting the text underneath, but simultaneously having text that goes between each input has been hard. Originally I tried to do it as a series of textareas inside of a div, but that made the text underneath work improperly. Any idea how I can do both? Here's what it currently looks like:</p>
  <p><a href="https://i.stack.imgur.com/7AXNu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7AXNu.png" alt="Current look" /></a></p>
  <p>And here's the code I have for it:</p>
  <p>React:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;form&gt;
                                      &lt;div id="form_fields_div"&gt;
                                          &lt;fieldset&gt;
                                              &lt;input type="text" name="text_box_number_1_page_6" id="text_box_number_1_page_6" /&gt;
                                              &lt;label for="text_box_number_1_page_6"&gt;(a feeling you don’t like) &lt;/label&gt;
                                          &lt;/fieldset&gt;
                                          &lt;h2&gt;. I do&lt;/h2&gt;
                                      
                                      
                                          &lt;fieldset&gt;
                                              &lt;input type="text" name="text_box_number_2_page_6" id="text_box_number_2_page_6" /&gt;
                                              &lt;label for="text_box_number_2_page_6"&gt;(an activity that makes you feel better)&lt;/label&gt;
                                          &lt;/fieldset&gt;
                                          &lt;h2&gt;to make me feel less&lt;/h2&gt;
                                      
                                      
                                          &lt;fieldset&gt;
                                              &lt;input type="text" name="text_box_number_3_page_6" id="text_box_number_3_page_6" /&gt;
                                              &lt;label for="text_box_number_3_page_6"&gt;(the feeling you don’t like)&lt;/label&gt;
                                          &lt;/fieldset&gt;
                                          &lt;h2&gt;That means that&lt;/h2&gt;
                                      
                                  
                                          &lt;fieldset&gt;
                                              &lt;input type="text" name="text_box_number_3_page_6" id="text_box_number_3_page_6" /&gt;
                                              &lt;label for="text_box_number_3_page_6"&gt;(the activity that makes you feel better)&lt;/label&gt;
                                          &lt;/fieldset&gt;
                                          &lt;h2&gt;is a coping strategy.&lt;/h2&gt;
                                      &lt;/div&gt;
                                  &lt;/form&gt; </code></pre>
  </div>
  </div>
  </p>
  <p>and css:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>form {
      width: 89.5em;
      overflow: hidden;
      
      border: none;
      
    }
     fieldset {
      display: block;
      float: left;
      width: 10em;
      margin: 0 1em 0 0;
      border: none;
      
    }
      fieldset:last-child {
      margin: 0;
    }
    
    fieldset &gt; input,
    fieldset &gt; label {
      display: block;
      text-align: center;
      margin: 0 auto;
      font-size: 15px;
    }
    fieldset &gt; input {
      width: 80%;
      font-size: 25px;
    }
  
    #form_fields_div {
        display: inline;
        white-space: nowrap;
    } </code></pre>
  </div>
  </div>
  </p>