Estou usando o Twitter Bootstrap e tentando centralizar um botão dentro de uma célula da tabela. Eu só preciso realmente centralizado verticalmente.

<table class="table table-bordered table-condensed">
  <tbody>
    <tr>
      <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td>
      <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td>
    </tr>
  </tbody>
</table>

Por favor, veja meuJSFiddle para o problema. Eu tentei vários truques de centralização de mesa que eu conheço, mas nenhum parece funcionar corretamente. Alguma ideia? Desde já, obrigado.

ATUALIZAR: Sim, eu tenteivertical-align:middle;, e isso funciona se for inline, mas não se for em uma classetd tem. Atualizou o JSFiddle para refletir isso.

Atualização final: Eu sou um idiota e não verifiquei se ele estava sendo substituído por bootstrap.css