JSFiddle - React, Tailwind, and code Playground

by timotheus

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<div class="span4">
    <table class="table table-bordered table-condensed">
      <tbody>

       <tr>
         <td class="vert1"><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td>
      <td><a href="#">This works properly</a><br /><span class="label label-success">One thing</span></td>
    
      </tr>
           <tr>
         <td class="vert2"><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td>
      <td><a href="#">This doesn't</a><br /><span class="label label-success">One thing</span></td>
    
      </tr>
        </tbody>
    </table>
</div>

CSS

td.vert1
{
     vertical-align: middle;
}
.vert2
{
     vertical-align: middle;
}