Meus caros, sempre usei a tática abaixo para centralizar meus elementos na vertical que estão contidos em algo com position absolute, mas de um tempo para cá ele não vem mais funcionando, o elemento simplesmente não centraliza mas passa muito do que seria o centro.
Eu estou fazendo algo de errado ou esse método já não funfa mais?
position: relative
top: 50%;
transform: translateY(-50%);
Estou fazendo assim:
.content {
position: relative;
height: 100%;
width: 100%;
}
.content .central {
width: 60%;
height: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 50%;
transform: translateX(-50%);
}
<section class="content">
<div class="central">
<h1><b>Texto de teste</b></h1>
</div>
</section>