Vertically Align A Div

Question

Does anyone have reliable markup/ CSS that vertically align a div across all browsers? Can get the following working in Firefox but not others..

.parent { display: table; }
.child { display: table-cell; }  /* this panel is to align vertically in the middle*/

Answer 1

if you are vertical aligning simple text you can do:

.container { height:300px; line-height:300px }

If you want to vertical aligng a div then you will need to use some javascript in order to make it work in all browsers.