title: How to align the button with two labels above and below the input
body: <p>I'm currently using Bootstrap 4 and I'm trying to align the button with an input that has two labels above and below it.</p>
  
  <p>It works if I put the button outside the form tag but I need to keep it there for the Javascript codes to work.</p>
  
  <p>I've tried using form-inline class and it works well if there's only one label above the input, but if there's another label below it, the button stops aligning with the input.</p>
  
  <p>To get the bottom label to appear, you just need to type a letter in the input and press enter and the button will mis-aligned itself.</p>
  
  <p>I want the button to consistently stay align to the right with the input.</p>
  
  <p><a href="https://imgur.com/NWefFOX" rel="nofollow noreferrer">Image here</a></p>
  
  <p>Here's my codepen:
  <a href="https://codepen.io/rkcmorley/pen/Oeqvdv" rel="nofollow noreferrer">https://codepen.io/rkcmorley/pen/Oeqvdv</a></p>
  
  <p>Here's the html codes:<br></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-html lang-html prettyprint-override"><code>        &lt;article&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row searchSection"&gt;
                      &lt;form id="searchForm" class="form-inline input-group input-group-lg"&gt;
                          &lt;div class="col-lg-10 form-group align-self-start"&gt;
                              &lt;label class="postcode"&gt;Zip Code&lt;/label&gt;
                              &lt;input type="text" name="text" autocomplete="off"&gt;
                          &lt;/div&gt;
                          &lt;div class="col-lg-2 form-group align-self-end"&gt;
                              &lt;button type="submit"&gt;Submit&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/article&gt;</code></pre>
  </div>
  </div>
  </p>