Posted at 2014-07-27

CSS で縦方向に中央寄せ

More than 5 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>

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