How to vertically center text in a ?

February 13, 2023 by Tarik

Try using flexbox, all modern browsers support it, with prefixes it also works in IE10.

span {
  min-height: 100px;
  display: inline-flex;
  align-items: center;
  border: 1px solid aqua;
}

<span>vertical center</span>