Vertical Align With Table

Posted by Weston Ganger

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;
}

Article Topic:Software Development - HTML / CSS

Date:June 19, 2014

Recommended Posts

Contact

604-309-8713
info@solidfoundationwebdev.com

Send Me A Message

I would love to get in touch and talk about your next project. Feel free to send a message and I will get back to you shortly.

Get Connected