<div>
  <span>CSS 的属性 vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。</span>
</div>
div {
  background: black;
  height: 100px;
  display: table;
  padding: 30px;
}

span {
  background: white;
  display: table-cell;
  vertical-align: middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.