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;

}