How to center div vertically inside of absolutely positioned parent div

Question

I am trying to get blue container in the middle of pink one, however seems vertical-align: middle; doesn\'t do the job in that case.

Answer 1

You can do it by using display:table; in parent div and display: table-cell; vertical-align: middle; in child div

      

          
test