Center A Design In The Browser Window

Set Wrapper Margins and Text-Align

We're almost there. We need to align the text to the left inside the wrapper, and then the tricky part: The wrapper will not be centered unless you set the margins to auto.

Superb. The wrapper div should be centered in the browser window, and the content inside the div should be blocked to the left. Make certain yours looks like this.

Go ahead and change the browser width. Notice how the wrapper stays centered whenever the browser window is wider than the wrapper: