title: css - align a div element to center
body: <p>I have a div element <code>&lt;div class='m-loading'&gt;</code>. I'd like to align the element to center. My <code>css</code> is follows:</p>
  <pre><code>.m-loading {
      display:block;
      position:absolute;
      margin-left: auto!important;
      margin-top: auto!important;
  }
  </code></pre>
  <p>This doesn't work. The loading icon still appears on top-left.</p>
  <p><a href="https://i.stack.imgur.com/16vFWm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/16vFWm.png" alt="load" /></a></p>