div嵌套div 用css显示有关问题 _HTML/CSS

div嵌套div 用css显示问题
<div id="1"><div id="2"></div></div>显示在一行，并且id=2 div的内容要垂直居中 CSS怎么搞

------解决方案--------------------

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
.vm, .vm .vma div{height:100px}
.vm{position:relative}
.vm .vma{position:absolute;border:none!important;top:0px;+top:50%;display:table}
.vm .vma div{+position:relative;+top:-50%;display:table-cell;vertical-align:middle;+height:auto !important}

.bd{border:1px solid red}
</style>
</head>

<body>

<div class="vm bd"><div class="vma">

<div class="bd">
#content#
</div>


</div></div>


</body>
</html>

------解决方案--------------------
好像指定id="1"的height后，就不需要那么麻烦了
<div id="1" style="height:200px;line-height:200px;"><div id="2"> </div></div>

------解决方案--------------------
楼上的测试下再发。div垂直居中，不是span。