Como centralizar a div verticalmente dentro da div principal absolutamente posicionada
Estou tentando pegar o container azul no meio do rosa, porém parecevertical-align: middle; não faz o trabalho nesse caso.
<div style="display: block; position: absolute; left: 50px; top: 50px;">
<div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;">
<div style="background-color: lightblue;">test</div>
</div>
</div>
Resultado:
Expectativa:
Por favor, sugira como posso conseguir isso.