title: how to center the button inside a table cell
body: <p>I'm trying to center a button inside the table by : <code>text-align: center</code></p>
  
  <p>However, it seems doesn't work for me.</p>
  
  <p>Note:  I used <code>Display: table-cell</code> combine with <code>Vertical-align: middle</code> to center the text of the button. As you can see the text of the first button "AAAAAAA" is in the middle.</p>
  
  <p>Can someone help me to center the button without affecting the text of the button.
  Thank you in advance.</p>
  
  <p>Here's the example code:</p>
  
  <p><a href="http://codepen.io/anon/pen/pAcBx" rel="noreferrer">http://codepen.io/anon/pen/pAcBx</a></p>