Html css

Vertical Align With Table

Posted by Weston Ganger on June 20, 2014

This is supported in IE8+ and all others.


<div class="outerContainer">
  <div class="innerContainer">
  </div>
</div>

CSS:


.outerContainer{
  display:table;
  height:200px;
}
.innerContainer{
  display:table-cell;
  vertical-align:middle;
}

Posted in HTML / CSS and Tagged with css vertical-center 


Want me to help develop your next project or application?

Contact Us

Specializing in Ruby-on-Rails, Javascript, Multi-Platform Electron Desktop Apps and Hybrid Cordova Mobile Apps.

Recommended Posts