Centrando un botón verticalmente en la celda de la tabla, usando Twitter Bootstrap
Estoy usando Twitter Bootstrap e intentando centrar un botón dentro de una celda de una tabla. Solo lo necesito realmente centrado 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 vea miJSFiddle por el problema He intentado varios trucos de centrado de mesa que conozco, pero ninguno parece funcionar correctamente. ¿Algunas ideas? Gracias por adelantado.
ACTUALIZAR: Si lo he intentadovertical-align:middle;
, y eso funciona si está en línea, pero no si está en una clasetd
tiene. Actualizado el JSFiddle para reflejar esto.
Actualización final: Soy un idiota, y no revisé para ver si estaba siendo sobrescrito por bootstrap.css