title: How can I make <a> align center and css
body: <p>I have an anchor tag that I want to use with bootstrap. How can I make <code>&lt;a&gt;</code> always align in the center when responsive?. I must use <code>margin-left</code> to do it and I also must use a <code>@media</code> query.</p>
  
  <pre><code>&lt;div class="make-btn"&gt;
        &lt;a href="/"&gt;Button&lt;/a&gt;
  &lt;/div&gt;
  
  
  .make-btn a{
    margin-left:42%; // On col-md
  }
  .make-btn a{
    margin-left:39%; // On col-sm
  }
  </code></pre>
  
  <p>Can anyone help me with this CSS?</p>
  
  <p><a href="https://i.stack.imgur.com/09hZc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/09hZc.png" alt="enter image description here"></a></p>