title: How to align two buttons in the middle with a certain margin in html
body: <p>I am trying to align two buttons in the middle of the screen in HTML. When I try using <code>text-align: center;</code> it is not working. Below is my code for the button.</p>
  
  <pre><code>&lt;style&gt;
  
  .button {
        margin-top: 15px;
        background-color: #0066FF;
        border: none;
        color: white;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
   }
  
   &lt;body&gt;
  
   &lt;div class="floated run"&gt;
   &lt;form action="aboutus.html"&gt;
   &lt;button class="button"&gt;See Projects&lt;/button&gt;
   &lt;/form&gt;
   &lt;/div&gt;
  
   &lt;div class="floated run"&gt;
   &lt;form action="end.html"&gt;
   &lt;button class="button"&gt;About Us&lt;/button&gt;
   &lt;/form&gt;
   &lt;/div&gt;
  
   &lt;/body&gt;
  </code></pre>
  
  <p>I am aware there are multiple answers to this question, but none of them have helped me so far.</p>