Ich verwende Twitter Bootstrap und versuche, eine Schaltfläche in einer Tabellenzelle zu zentrieren. Ich brauche es nur wirklich vertikal zentriert.

<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>

Bitte sehen Sie meineJSFiddle für das Problem. Ich habe verschiedene bekannte Tricks zur Tischzentrierung ausprobiert, aber keine scheint richtig zu funktionieren. Irgendwelche Ideen? Danke im Voraus.

AKTUALISIEREN: Ja, ich habe es versuchtvertical-align:middle;, und das funktioniert, wenn es inline ist, aber nicht, wenn es in einer Klasse isttd hat. JSFiddle wurde aktualisiert, um dies widerzuspiegeln.

Endgültiges Update: Ich bin ein Idiot und habe nicht überprüft, ob er von bootstrap.css überschrieben wurde