title: HTML Button Alignment
body: <p>How do I align my big HTML buttons side by side in the middle/center of the page?</p>
  
  <pre><code>    &lt;table cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; 
  &lt;td align="center" width="300" height="40" bgcolor="#0000" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 99px; color: #ffffff; display: block;"&gt;
  &lt;a href="http://someurl.com" style="font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:400px; width:100%; display:inline-block"&gt;&lt;span style="color: #FFFFFF"&gt;Recruiters, Click Here!&lt;/span&gt;&lt;/a&gt;
  &lt;/td&gt; 
  &lt;/tr&gt; &lt;/table&gt;&lt;table cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; 
  &lt;td align="center" width="300" height="40" bgcolor="#000091" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:99px; color: #ffffff; display: block;"&gt;
  &lt;a href="http://someurl.com" style="font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:400px; width:100%; display:inline-block"&gt;&lt;span style="color: #FFFFFF"&gt;Job Seekers, Click Here!&lt;/span&gt;&lt;/a&gt;
  &lt;/td&gt; 
  &lt;/tr&gt; &lt;/table&gt; 
  </code></pre>