CSS: vertical align

vertical-align

HTML:
<div class="container"> <!-- блок-контейнер -->
     <div> <!-- блок с содержанием -->
          Элемент, который выравнивается вертикально внутри блока-контейнера.
     </div>   
     <div class="auxiliary"> </div> <!-- пустой вспомогательный блок -->
</div>
CSS:
.container {
      display: table-cell;
      vertical-align: middle; 
      height: 444px; width: 333px; border: 1px solid red; /* просто чтобы было видно ;) */
}
*+html .auxiliary {
      display: inline-block;
      vertical-align: middle;
      width: 0px; 
      height: 100%;
}
*+html .container div {
      display: inline-block;
      vertical-align: middle;
}
*+html .container div, .auxiliary {
      display: inline;
}