css - フローティング div 内で複数行のテキストを垂直方向に揃える

Question

複数行のテキストを垂直方向に揃えるために、さまざまな方法で遊んでいます。基本的に私はこのフィドルにあるもののようなものを持っています - http://jsfiddle.net/xPxwn/

<div class = "box">  <h2>multiline text goes here</h2> 
</div>

CSS:

.box
    {

width:100px;  
height:40px;
    border:1px solid;
    background:blue;
    color:yellow;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:5px;
    text-align:center;
    font : 50% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
    float:left;
    }       

ボックス内でテキストを垂直方向に揃える必要がありますが、解決策が見つかりません。何か案は？

前もってありがとうクリス