How to align a <div> to the middle (horizontally/width) of the page?

Question

I have a `div` tag with `width` set to **800px**. When the browser width is greater than **800px**, it shouldn't stretch the `div` but it should bring it to the middle of the page.

Answer 1

To horizontally align a fixed-width div to the center of the screen, set its margin to "margin:0 auto;". Try this as an example:

#yourdiv {

width:800px;

margin:0 auto;

background-color:green;

height:200px;

}

Answer 2

To horizontally center a div with a width of 800px on a webpage, you can add the following CSS code to your stylesheet:

div { width: 800px; margin: auto; }

I hope this answers your question.