Untitled

<h1>Midway.css - Live Example</h1>

<div id="parent">

  <div id="child"></div>

</div>

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500,300);

h1 {

  font-family: "Roboto", sans-serif;

  font-weight: 300;

  text-align: center;

  color: #487bb4;

  margin: 2em 0 0;

  overflow: hidden;

}

#parent {

  width: 80%;

  height: 320px;

  max-width: 960px;

  background: #487bb4;

  margin: 60px auto;

  position: relative

}

#child {

  position: absolute;

  width: 50%;

  height: 100px;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  background: #fff;

}