Center content vertically in Bootstrap3 carousel with flexbox

Question

I am trying to center h3 and p elements inside a div, Bootstrap\'s .carousel-caption to be more exact. I have given .carousel-caption fixed height and width. I am trying to

Answer 1

Got a tip to check this http://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/ and it turned out that the solution was actually embarrassingly simple http://jsfiddle.net/pYjnF/1/

   
 
      
Headline lorem ipsum dolor
      
Story gnis dis dolor re niet, sed quia se perferciaes eossedit, susam, sam voluptas sandebi stiusam, cuptaturem sequis imi, is etur