I wish to centre a wrapper div of fixed width (wrapper) inside another div (body) as you can see below.

The line represents the centre of the page/browser window, and as you can see, it both the body and the centre of the wrapper are centred in the middle of the page.
Is there a way to accomplish this using pure CSS and HTML?
Thanks in advance.
Someone bothered to write a short and descriptive How To to this common issue: http://www.wpdfd.com/editorial/thebox/deadcentre4.html
You have two items to position in there, so you’ll need apply the technique twice, but you can’t really center the body element with this so you’ll need to add another container instead of the body.
Have fun!