title: How to center this header?
body: <p>I'm trying to center my header link(Product Name), but when I use <code>text-align : center</code>, <code>margin:auto</code> etc, it still doesn't move. Would anyone please point me toward the right direction?</p>
  
  <p>Here's <a href="http://jsfiddle.net/58hmJ/3/" rel="nofollow">a fiddle</a> for reference.  </p>
  
  <p>Html code:</p>
  
  <pre><code>&lt;a href="#"&gt;&lt;img src='jpg' alt='Image' /&gt;&lt;/a&gt;
   &lt;h3&gt;
   &lt;a href="%PRODUCT_URL%"&gt;Product Name&lt;/a&gt;
   &lt;/h3&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.prod-box h3 a{
      text-decoration: none;
      width:140px;
      text-align : center ;
      margin: 5px 0;
      color:#888;
      font: italic normal 14px georgia;
      font-style: italic;
  }
  </code></pre>