title: Center a div box using css and html without centering the text in the box
body: <p>I want to center the div box im making here but i dont want to center the text in the box and i cant seem to find how to do this. For now what i have is this:</p>
  
  <pre><code>.box {
          text-align: left;
          background-color:#3F48CC;
          color:white;
          font-weight:bold;
          margin:120px auto;
          height:150px;
          display: inline-block;
          width: 200px;
      }
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;div class=box&gt;
      Login
      &lt;form method ="post" action="addMember.php"&gt;
        &lt;label for="name"&gt;Username:&lt;/label&gt;
        &lt;input name="name"/&gt;
        &lt;label for="password"&gt;Password:&lt;/label&gt;
        &lt;input name="password"/&gt;
          &lt;p&gt;
          &lt;input name="submit" type="Submit" value="Register"/&gt;
          &lt;input name="reset" type="reset" value="Clear Form"&gt;
    &lt;/form&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance!</p>