Float-Clear Vertical Centering

Centred Content

When you shrink the window, a scrollbar will appear, and this box will not cover the title, which is also floated.

Note: I'm Australian, that’s why centre is spelt with ‘re’, not ‘er’. Don’t get confused when css'ing: centre must be spelt ‘center

Because the box is position:relative, normal content can follow it.

By Douglas Heriot for NetTuts