Div İçine Ortalama

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

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

Since the vertical-align property works with table cells we set the parent div to be a css table and we set the child div as a table cell. We can then safely use vertical-align: middle to vertically center the contents of the child div.

This method works with multiple lines of text and the container div will grow dynamically with the content. Unfortunately it doesn’t work with IE6 or IE7 without a fix.

Note: Additional styles not related to the above have been used to make this demo more presentable.

Kaynak: http://vanseodesign.com/blog/demo/vertical-centering/table-cell.php