Let the div+css div be centered while the text inside is not centered:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>
做一个测试
</title>
<style type="text/css" rel="stylesheet">
body{
margin:0px;
}
#countainer{
margin:auto;
width:600px;
height:100%;
background-color:#cccccc;
}
</style>
<body>
<div id="countainer">
中国
</div>
</body>
In fact, here's one of the most critical points in: Countainer class properties: Margin:auto; This value!
When the test was made, the <! found in the DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
is also very important, if there is no this sentence in IE browser display or left, in Firefox and Google browser when the display is correct, added this sentence, all the browser when the display is positive