title: Vertical allign text in div (browser proof)
body: <p>In wordpress, I am trying to get the yellow title of my news items (<a href="http://www.projectarthouse.nl/vvruurlo/over-ruurlo/nieuws/eerste-training-obbink-voetbalschool/" rel="nofollow">http://www.projectarthouse.nl/vvruurlo/over-ruurlo/nieuws/eerste-training-obbink-voetbalschool/</a>) in the vertical center of the black div in the featured image (always - even when its 1 line / 3 lines of text). I would like to do this in the same way as the slider on my homepage, with the text in the slider navigation on the right (<a href="http://www.projectarthouse.nl/vvruurlo/" rel="nofollow">http://www.projectarthouse.nl/vvruurlo/</a>). </p>
  
  <p>Here it uses display: table and vertical-align: middle on the parend div and display: table-cell and vertical-align: middle on the text inside of the div. </p>
  
  <p>However, it doesn't work at all. The text stays alligned to the top. What is going wrong here?</p>