Vertical aligning inline elements inside container

index.htm

<div class='container'>
  <span>Some text</span>
</div>

main.css

.container {
  height: 400px;
}

.container span:before {
    content: '.';
    line-height: 400px;
    visibility: hidden;
}

.container span {
    vertical-align: middle;
}