CSS で縦方向に中央寄せ

More than 3 years have passed since last update.

結論から言えば

.outer {
  display: table;
}
.inner {
  display: table-cell;
  vertical-align: middle;
}

<div class="outer">
  <div class="inner">somethings</div>
</div>

とすることで縦方向に中央寄せが可能です。