[求助]CSS设置做不到垂直居中吗？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#yong {
text-align: center;
vertical-align: 50%;
border: 1px groove #FF9900;
background-color: #FFEEDD;
height: 30px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="yong">为什么不能垂直居中呢？</div>
</body>
</html>
上面是图片效果，为什么不能垂直居中呢文字？谢谢解答！
四楼的的确很厉害这样也行！不过误解我的意思了，我的居中是指文本垂直高度的居中！