让div中的⽂字居中显⽰<html>
<head>
<title>test</title>
<style>
body{ TEXT-ALIGN: center; }
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
html全部居中代码line-height:200px;
/* 说明：
vertical-align:middle；表⽰⾏内垂直居中，将⾏距增加到和整个DIV⼀样⾼line-height:200px；然后插⼊⽂字，就垂直居中了。*/
}
</style>
</head>
<body>
<div id="center"><p>test middle</p></div>
</body>
</html>