How to center a wrapper-div and not the content

Question

I want my page to always be centered in the browser without affecting the content( like align-text: center; does). I want to center my wrapper-div.. How do I do this?

Si

Answer 1

Set your style something like for the wrapper div.

#wrapper {

width: 841px;
margin: 0 auto;

}

In this way the wrapper div will always be centered according to your screen width. I hope it helps.