title: vertically align element in td element using flexbox
body: <p>How can I vertically center the element/text in a table data<code>td</code> element, which fills the entire height of its parent table row <code>tr</code>? I figure flexbox is the best approach here.</p>
  
  <p>Here's what I've tried so far: <a href="https://jsfiddle.net/3tr0cn4s/1/" rel="nofollow noreferrer">https://jsfiddle.net/3tr0cn4s/1/</a></p>