title: Centering a button vertically in table cell, using Twitter Bootstrap
body: <p>I'm using Twitter Bootstrap, and attempting to center a button within a table cell. I only really need it centered vertically.</p>
  
  <pre><code>&lt;table class="table table-bordered table-condensed"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;a href="#" class="btn btn-primary"&gt;&lt;i class="icon-check icon-white"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
        &lt;td&gt;&lt;a href="#"&gt;Todo Item One&lt;/a&gt;&lt;br /&gt;&lt;span class="label label-success"&gt;One thing&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Please see my <a href="http://jsfiddle.net/timotheus/utvUU/" rel="noreferrer">JSFiddle</a> for the problem. I've tried several table centering tricks I know about, but none seem to work properly. Any ideas? Thanks in advance.</p>
  
  <p><strong>UPDATE:</strong> Yes, I've tried <code>vertical-align:middle;</code>, and that works if it's inline, but not if it's in a class the <code>td</code> has. Updated the JSFiddle to reflect this.</p>
  
  <p><strong>Final Update:</strong> I'm an idiot, and didn't check to see if it was being overwritten by bootstrap.css</p>