vertical center in css

by zoho

HTML

<div id="parent">
    <div id="child">Hello World! Hello World! Hello World! Hello World! Hello World! Hello World! Hello World!</div>
</div>

CSS

#parent {
  width: 300px;
  height: 300px;
  display: table;
  border: 1px solid black;
}

#child {
  display: inline-block;
  display: table-cell;
  vertical-align: middle; 
  text-align: center;
}