how to make the div exactly in center ?

I would like to make my div exactly in center, no matter what browser size is, it should be in center in width and length as well. Please help.

 

well if it's just a 1 layered div that should be ez.

html:

<div id="center">THIS SHOULD WORK, TESTED IN CHROME,FIREFOX, and IE</div>

Code (markup):

css:

body {text-align:center;} {#center {width:(specific)px; margin:auto; text-align:left;}

Code (markup):

 

margin: 0 auto;

Put this in your div tag on your Css. that would work ^__^

 

try this:
.centeredDivContainer{display:block;width:250;margin:auto;text-align:left;}

 

Im not sure if you mean in the center just horizontally or horizontally and vertically so here is both

HORIZONTAL AND VERTICAL CENTERING

#center {
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-right:auto;
text-align:center;
}

Code (markup):

HORIZONTAL CENTERING

#center {
margin-left:auto;
margin-right:auto;
text-align:center;
}

Code (markup):