title: how can i align button bottom html css
body: <p>How Can I fix my button is showing with reviews</p>
  <p>I want to show my button after reviews stars</p>
  <p>browser output screenshot:</p>
  <p><a href="https://i.stack.imgur.com/nh63E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nh63E.png" alt="enter image description here" /></a></p>
  <p>I want something like that</p>
  <p><a href="https://i.stack.imgur.com/h38TD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h38TD.png" alt="enter image description here" /></a></p>
  <p>how can I do that</p>
  <p>I want my post my review button after reviews star, not like a row</p>
  <p>Here is My Code:</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;!-- CSS only --&gt;
  &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"&gt;
  
  &lt;!-- JS, Popper.js, and jQuery --&gt;
  &lt;script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://kit.fontawesome.com/a076d05399.js"&gt;&lt;/script&gt;
  
  &lt;form action=""&gt;
                                                  &lt;input type="text" class="form-control" placeholder="Your Name" required&gt;
                                                  &lt;textarea placeholder="Enter Your Review Here..." cols="30" rows="5" class="form-control mt-3" required&gt;&lt;/textarea&gt;
                                                  &lt;style&gt;
                                                      .rating {
                                                          float: left;
                                                      }
                                                      
                                                      .rating input {
                                                          display: none;
                                                      }
                                                      
                                                      .rating label {
                                                          color: #ddd;
                                                          float: right;
                                                      }
                                                      
                                                      .rating label:before {
                                                          margin: 5px;
                                                      }
                                                      
                                                      .rating&gt;input:checked~label,
                                                      .rating:not(:checked)&gt;label:hover,
                                                      .rating:not(:checked)&gt;label:hover~label {
                                                          color: #FFD700;
                                                      }
                                                      
                                                      .rating-st {
                                                          font-size: 30px;
                                                          padding: 5px;
                                                      }
                                                  &lt;/style&gt;
                                                  &lt;div class="rating mt-3"&gt;
                                                      &lt;input id="star_a-5" name="rating_a" type="radio" value="5" /&gt;
                                                      &lt;label for="star_a-5" class="full"&gt;&lt;i class="fa fa-star rating-st" aria-hidden="true"&gt;&lt;/i&gt;&lt;/label&gt;
                                                      &lt;input id="star_a-4" name="rating_a" type="radio" value="4" /&gt;
                                                      &lt;label for="star_a-4" class="full"&gt;&lt;i class="fa fa-star rating-st" aria-hidden="true"&gt;&lt;/i&gt;&lt;/label&gt;
                                                      &lt;input id="star_a-3" name="rating_a" type="radio" value="3" /&gt;
                                                      &lt;label for="star_a-3" class="full"&gt;&lt;i class="fa fa-star rating-st" aria-hidden="true"&gt;&lt;/i&gt;&lt;/label&gt;
                                                      &lt;input id="star_a-2" name="rating_a" type="radio" value="2" /&gt;
                                                      &lt;label for="star_a-2" class="full"&gt;&lt;i class="fa fa-star rating-st" aria-hidden="true"&gt;&lt;/i&gt;&lt;/label&gt;
                                                      &lt;input id="star_a-1" name="rating_a" type="radio" value="1" required/&gt;
                                                      &lt;label for="star_a-1" class="full"&gt;&lt;i class="fa fa-star rating-st" aria-hidden="true"&gt;&lt;/i&gt;&lt;/label&gt;
                                                  &lt;/div&gt;
                                                  &lt;input type="submit" class="btn btn-primary" value="Post My Review"&gt;
                                              &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>