残念ではあるけど、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>
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme