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

css html alignment center
Shimmy Weitzhandler picture Shimmy Weitzhandler · Jun 5, 2009 · Viewed 2.7M times · Source

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

Answer

AgileJon picture AgileJon · Jun 5, 2009 
<body>
    <div style="width:800px; margin:0 auto;">
        centered content
    </div>
</body>

Related questions

Center form submit buttons HTML / CSS

I'm having troubles centering my HTML form submit buttons in CSS. Right now I'm using: <input value="Search" title="Search" type="submit" id="btn_s"> <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="…

Read More
Aligning multiple images horizontally in the center of a div

I have a div and I want to align in the center of that div multiple images. All of the images have the same height and width of 16px. The problem is that I can either center them and have …

Read More
How to design a CSS for a centered floating confirm dialog?

I'm looking for a way to display a confirm dialog that's always centered on the page, and floating over the page. Tried that, but it's not 'always centered' at all, since the position is fixed: .Popup { text-align:center; position: absolute; …

Read More