title: CSS vertical align icon next to block of text inside cell
body: <p>I thought this was gonna be a simple <code>verical-align:middle</code> situation but I can't seem to make that work. Maybe i am missing something on a parent element. </p>
  
  <p>Here is a JSfiddle with a visual of my issue:
  <a href="http://jsfiddle.net/5QFAw/" rel="nofollow">http://jsfiddle.net/5QFAw/</a></p>
  
  <p>I am trying to vertically align the "remove" x's next each <code>th b</code> in the middle. </p>
  
  <p>Im stumped. Ideas?</p>