How to put a div in center of browser both vertically and horizontally using

Question

Editorial Team

Asked: May 11, 20262026-05-11T21:37:09+00:00 2026-05-11T21:37:09+00:00

How to put a div in center of browser both vertically and horizontally using CSS only?

Make sure it works on IE7 too.

If everything fails, we may use JavaScript, but a last choice.

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-11T21:37:09+00:00

Editorial Team

HTML:

<div id="something">... content ...</div>

CSS:

#something {
    position: absolute;
    height: 200px;
    width: 400px;
    margin: -100px 0 0 -200px;
    top: 50%;
    left: 50%;
}

The Archive Base Latest Questions