More than 5 years have passed since last update.

縦方向にセンタリング

Posted at 2012-06-14

残念ではあるけど、displayでtableとtable-cellを使う。

.outer {
  display: table;
  height: 100px;
}
.inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

<div class="outer">
  <div class="inner">
    <p>ほげ</p>
  </div>
</div>