inline-block vertical centering css

css inline-block fixed height container unknown height content centering

HTML

<div class="container">
    <div class="content">Wheee</div>
  
</div>

CSS

.container {
    height:200px;
    line-height:200px;
    border:1px solid red;
}
    .content {
        display:inline-block;
        *display:inline;
        *zoom:1;
        vertical-align:middle;
        border:1px solid green;
        line-height:5;
    }