Вертикальное выравнивание дочернего блока посредине родительского - Вопросы по CSS

<style>
.blok1 {
  position: relative;
  height: 100%;
  background-color: #fff5d7;
  text-align: center;
}
.blok1 div {
  position: absolute;
  top: 50%;
  left: 50%;   /* располагаем по середине */
  width: 50%;
  height: 50%;
  background-color: #99ff99;
  transform: translate(-50%, -50%); /* поднимаем на половину */
}
</style>

<div class="blok1"><div>текст в блоке</div></div>

var top_b = ($('.block1').height() - $('.block1 > div').height())/2;
$('.block1 > div').css({'margin-top': top_b});