Historical CSS Reenactment #1: Holy Grail Absolute Middle for Posterous Tumblr and Gmail

h1 content 2 following universal div style greenivory and 1st height 400px overflow hidden position relative and width 100% then repeat universal, then divstyle position absolute, top 50% width 100%, text-align center; then divstyle pos. relative; top -50%, textalign left, width 200px, marginleft, auto, margin right:auto; border 1px solid green

any height set width
any content for example generated from DB
everything is both vertically and horizontally centered

3rd content section in 'p' tags Please view source for details. (follows closediv)

4th section follows (universal 1st (top) style again divstyle: border 1px solid green; backgroundcolor: ivory (any height)
everything is vertically centered See also the vertical-align-valid-solution-en structural valid example...don't forget to end with five closed divs.

Historical CSS Reenactment #1: Holy Grail Absolute Middle for Posterous Tumblr and Gmail

Weirdopedia says: "Weird" http://weirdopedia.posterous.com/historical-css-reenactment-1-holy-grail-absol h1 content 2 following universal div style greenivory and 1st height 400px overflow hidden position relative and width 100% then repeat universal, then divstyle position absolute, top 50% width 100%, text-align center; then divstyle pos. relative; top -50%, textalign left, width 200px, marginleft, a ...