Центрирование кнопки по вертикали в ячейке таблицы с помощью Twitter Bootstrap
Я использую Twitter Bootstrap и пытаюсь центрировать кнопку в ячейке таблицы. Мне действительно нужно это по центру вертикально.
<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 thi,ng</span></td>
</tr>
</tbody>
</table>
Пожалуйста, смотрите мойJSFiddle для проблемы. Я пробовал несколько приемов центрирования таблицы, о которых я знаю, но ни один из них не работает должным образом Есть идеи? Заранее спасибо.
ОБНОВИТЬ: Да я пробовалаvertical-align:middle;
, и это работает, если он встроен, но не если он находится в классеtd
есть. Обновлен JSFiddle, чтобы отразить это.
Окончательное обновление: Я идиот, и не проверял, перезаписывался ли он bootstrap.css