title: Center an <a> element
body: <p>I have an element in my header that is getting data from a js file.</p>
  
  <p>I'm trying to center that element in my page but all i do dosent seem to work.</p>
  
  <p>I tried margin-left: auto and margin-right: auto but still is not centering.</p>
  
  <p>The element code is:</p>
  
  <pre><code>&lt;a href="http://[ip]/tunein/tranceilfm.pls" id="cc_strinfo_song_tranceilfm" class="cc_streaminfo" style="margin: 0px; display: block; "&gt;Loading...&lt;/a&gt;
  </code></pre>
  
  <blockquote>
    <p><a href="http://tranceil.fm" rel="noreferrer">http://tranceil.fm</a></p>
  </blockquote>
  
  <p>(the blue song info in the frame below the menu)</p>
  
  <p>Any thoughts?</p>