title: Align button in the center of a table and in the center of the button
body: <p>I made a table that holds a button and i want the button in the center of the table.</p>
  
  <p>The problem is that the button is aligning not in the center of the button but aligning when the button starts, so the button is a little far to the right, here is an image:</p>
  
  <p><img src="https://s4.postimg.org/qxcnkwz7h/Captura.png" alt=""></p>
  
  <p>Here is my code:</p>
  
  <pre><code>       &lt;table  width="100%"  border="0px" style="background:transparent"&gt;
         &lt;tr&gt;
          &lt;td height="305px"&gt;
  
  
  
        &lt;%-- button---%&gt;
         &lt;div style="text-align:center;"&gt;
          &lt;a href="#" class="btn"  &gt;Conocer más&lt;/a&gt;
          &lt;/div&gt;
          &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>and here is the css.</p>
  
  <pre><code>.btn{
  background-color:#44c767;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #18ab29;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:17px;
  padding:16px 31px;
  text-decoration:none;
  text-shadow:0px 0px 0px #2f6627;
  position: absolute;
  
  }
  </code></pre>
  
  <p>The other problem I am having is I can't align it vertically inside the table.</p>