div内的中心跨度

Question

能否请您告诉我如何在div内垂直对齐跨度？

请参见下面的css和html：

div {
    position: relative;
    margin: 1rem 0;
    overflow: hidden;
}

span {
    top: 0;
    right: 0;
    font-size: 12rem;
    top: 50%;
    transform: translateY(-50%);
}

<div>
  <span></span>

  ...
  ...
  ...
</div>