body { background: #0C2939; font-size: 80%; padding: 20px; } main { position: relative; background: white; height: 200px; width: 60%; margin: 0 auto; padding: 20px; resize: both; overflow: auto; } main div { background: black; color: white; width: 50%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; padding: 20px; resize: both; overflow: auto; }
<main> <div> Eu sou um elemento block de largura e altura desconhecidos, centralizado verticalmente em meu elemento pai. </div> </main>