Vertical align text line height

by allcaps

HTML

<div><span>vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text </span></div>

CSS

div {
  height: 200px;
  line-height: 200px;
  border: 1px solid black;
}

span {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  <-- adjust this
}