让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;
line-height:200px;
/* 说明：
vertical-align:middle;表示行内垂直居中，将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。
*/
}
</style>
</head>
<body>
<div id="center"><p>test middle</p></div>
</body>
</html>
posted @ 2008-03-29 16:13  代码乱了  阅读(3389)  评论(0)  编辑  收藏  举报