Vertical Alignment using CSS3

by Ravindra Athreya

HTML

<div id="container">
  <div id="content">
    Test
  </div>
</div>

CSS

#container
{
    height: 200px;
    position: relative;
}

#content
{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform:translate(-50%,-50%);
    position: absolute;
}