CSS vertical-align width table-cell

A simple method to vertically aligning a content with css.

html:

<div id="parent">
  <div id="child">Content here</div>
</div>
 
css:
#parent {display: table}

#child {
  display: table-cell;
  vertical-align: middle;
 }
 
IE Fix:
child {display: inline-block}