Vertically center content with CSS

I found a very easy and effective way to center a div vertically with CSS: http://www.vdotmedia.com/blog/vertically-center-content-with-css/

Basically it makes the div behave like a table then sets the vertical alignment to middle.


    width: 100%; height: 100%; display: table; 


    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
    text-align: center; 
Post a Comment