title: Button not centering in HTML Form
body: <p>For some reason, the following code is not causing an custom-made input button to center (the one labeled "Click Me"), but the default button ("Submit") is centering.</p>
  
  <pre><code>form{
      text-align : center;
  }
  .button2{
      display: block;
      height: 100px;
      width: 300px;
      text-align: center;
  }
  
  &lt;form method="post"&gt;
          {% csrf_token %}
          {{ form.as_p }}        
          &lt;div class="buttonHolder"&gt;
              &lt;button type="submit"&gt;Submit&lt;/button&gt;
              &lt;input class="button2" type="submit" value="Click Me"/&gt;
          &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>What is causing this to happen? This HTML file is being run in a Python/Django project, if that makes a difference. Thanks for your help.</p>