Używam Twitter Bootstrap i próbuję wyśrodkować przycisk w komórce tabeli. Naprawdę potrzebuję go wyśrodkować w pionie.

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

Proszę zobaczyć mojeJSFiddle na problem. Próbowałem kilku sztuczek centrowania tabeli, o których wiem, ale żadna nie działa poprawnie. Jakieś pomysły? Z góry dziękuję.

AKTUALIZACJA: Tak, próbowałemvertical-align:middle;, i to działa, jeśli jest wbudowane, ale nie, jeśli jest w klasietd ma. Zaktualizowano JSFiddle, aby to odzwierciedlić.

Ostatnia aktualizacja: Jestem idiotą i nie sprawdziłem, czy został nadpisany przez bootstrap.css