title: How do I align a button center of the web page?
body: <p>I want to align this button centre of the web page; any ideas how to do that?</p>
  
  <pre><code>&lt;button id="user-button" class="Sign-in"&gt; Sign in &lt;/button&gt;
  
  &lt;style&gt;
  
   .Sign-in{
  background-color: springgreen;
  border: none;
  color: white;
  padding: 15px 25px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  border-radius: 10px;
  font-family: Lobster, helvetica;      
  
   }
  &lt;/style&gt;
  </code></pre>