CSSで縦方向の真ん中に持ってくる

<div class="out">
<div class="in">
ここが縦の真ん中にくる
</div>
</div>

.out{
  display: table;
}
.in{
  display: table-cell;
  vertical-align: middle;
}