新しい技術とか古い技術とか関係なく今のhtmlを考える。

要素を天地中央に寄せたい場合

transformを使う

--[ html ]-----------------------

<div class="alignMiddle01">
  <p>天地の中央に配置</p>
</div>

--[ css ]-----------------------

.alignMiddle01{
  height:120px;
  background:#666;
}
.alignMiddle01 p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}