title: How to remove space between table rows displayed as inline-block?
body: <p>I was following this example of responsive tables :
  <a href="http://dbushell.com/demos/tables/rt_05-01-12.html" rel="nofollow">http://dbushell.com/demos/tables/rt_05-01-12.html</a></p>
  
  <p>but I have a weird space between table rows displayed as inline-block, here's a demo: <a href="http://codepen.io/anon/pen/Fksjw" rel="nofollow">http://codepen.io/anon/pen/Fksjw</a></p>
  
  <p>I tried zeroing out the margins but I can't get rid of this space.</p>