title: How to move form to center of page
body: <pre><code>HTML: 
  
              &lt;div id="Registercontainer"&gt;
  
              &lt;div class = "RegForm"&gt;
              &lt;h1&gt; &lt;/h1&gt;
  
                  &lt;div id = "back_glob"&gt;
  
                  &lt;div id = "back_form"&gt; 
                     &lt;form method="POST"&gt; 
                       &lt;label&gt;FIRST NAME&lt;/label&gt;
                      &lt;input type="text" name ="FName"/&gt; 
                       &lt;label&gt;LAST NAME&lt;/label&gt;
                       &lt;input type="text" name ="SNAME"/&gt;
                         &lt;br/&gt;
                       &lt;label&gt;EMAIL ADDRESS&lt;/label&gt; &lt;input id = "email" name = "email" type = "text"/&gt; 
                        &lt;BR/&gt;
                       &lt;label&gt;CREATE YOUR USERNAME&lt;/label&gt; &lt;input  name = "uname" type = "text"/&gt; &lt;br/&gt;
                       &lt;label&gt;CREATE PASSWORD&lt;/label&gt; &lt;input  name = "pass" type = "password"/&gt; 
  
  
                         &lt;br/&gt; 
                         &lt;input  type="submit" name ="valid" value="REGISTER"/&gt; 
  
                    &lt;/form&gt;
  
                  &lt;/div&gt;
  
           &lt;/div&gt;
  
  
             &lt;/div&gt;
  CSS:
  
    #Regcontainer{
          width:1200px;
          margin: 70px auto;
          border : 1px solid;
          background-color: aliceblue;
          top:0;
  
      }
  
  
  
  
  
      .Regcontainer h1{
  
         font-size:40px;
         font-family: 'Helvetica Neue', sans-serif;
         color:black;
         line-height: 1;    
         padding-left:35px;
         padding-top: 35px;
         color: black;
      }
  
  
      input{
  
          display : inline-block;
          margin: 10px;
  
      }
  
      input[type = text] {
          padding:10px;
          border : 2px solid #212;
          border-radius: 2px;
          box-shadow: #212121;
      }
  
      input[type=password]{
          padding:10px;
          border : 2px solid #212;
          border-radius: 2px;
          padding: 5px 10px 5px 10px;
  
      }
  
      input[type=submit]{
        background-color:#ff0000;
        border: 1px solid #212121;
        border-radius:5px;
        color:aliceblue;
        font-weight: bold;
  
  
      }
  
  
      #back_form {
  
          justify-content: center;
  
  
      }
  </code></pre>
  
  <p>Hi guys , I am creating a registration form and am wondering how can I move the whole form to the center of the page? right now its all on the left side of the container, I want it to look abit something like this - <a href="https://id2.s.nfl.com/fans/register?returnTo=http%3A%2F%2Fweeklypickem.fantasy.nfl.com%2F" rel="nofollow">https://id2.s.nfl.com/fans/register?returnTo=http%3A%2F%2Fweeklypickem.fantasy.nfl.com%2F</a></p>