css 让文字垂直居中

<div id="outBox">
<div id="midBox">
<div id="inBox">
需要垂直居中的内容<br />
需要垂直居中的内容
</div>
</div>
</div>
#outBox{
border:2px soild #333;
height:200px;
overflow:hidden;
position:relative;
}
#midBox{
border:2px soild #333;
position:absolute;
top:50%;
width:200px;
margin:0 50px;
}
#inBox{
position:relative;
top:-50%;
}
#outBox[id]{
display:table;
position:static;
}
#midBox[id]{
display:table-cell;
vertical-align:middle;
position:static;
}