title: How to center inputs in form?
body: <p>I'm making a responsive php "game" and I came across this:</p>
  
  <p><a href="https://i.stack.imgur.com/HOwp2.png" rel="nofollow noreferrer">Image of My Error</a></p>
  
  <p>And how to repair this to be centered.</p>
  
  <p>I'm adding my html and css 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-css lang-css prettyprint-override"><code>  #box{
      margin-left: auto;
      margin-right: auto;
      width: 100%;
  
      background-color: white;
    }
  
    #container{
      width: 100%;
      text-align: center;
    }
  
      .container_title{
        font-size: 20px;
        font-weight: bold;
      }
  
      .container_form{
        margin-bottom: 30px;
        margin-top: 30px;
      }
  
      .container_input{
        margin: auto;
        min-width: 300px;
        font-size: 25px;
        border: solid 1px red;
        outline: none;
        font-family: "SourceCodePro";
        color: #4b545f;
        background: #fff;
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        text-align: center;
      }
  
      .container_input:focus{
        border-bottom: 1px solid #41A1F0;
      }
  
      .container_submit{
        min-width: 350px;
        font-family: "SourceCodePro";
        background-color: transparent;
        border: 2px solid transparent;
        padding: 10px 30px;
        font-size: 20px;
        border-bottom: 1px solid #ddd;
      }
  
      .container_submit:hover{
        cursor: pointer;
        border-bottom: 1px solid #41A1F0;
      }
  
      .container_dont{
        margin-top: 20px;
      }
  
      .container_form_error{
        color: #FF7070;
        font-weight: bold;
      }
  
      .container_form_good{
        color: #64FF5C;
        font-weight: bold;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;body&gt;
  
          &lt;div id="box"&gt;
  
              &lt;div id="container"&gt;
  
                  &lt;div class="container_form"&gt;
                      &lt;form action="functions/login/index.php" method="post"&gt;
                          &lt;input class="container_input" type="text" id="nickname" name="nickname" placeholder="Nickname" maxlength="15" required/&gt;
              &lt;input class="container_input" type="password" id="password" name="password" placeholder="Nickname" required/&gt;
  
                          &lt;br/&gt;&lt;input class="container_submit" type="submit" value="Log In"/&gt;
                      &lt;/form&gt;
  
                  &lt;/div&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
      &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>