* {
     margin:0;
     padding:0;
 }

 html, body {
     height:100%;
 }

 body {
     font-size: 100.01%/1.4;
     text-align:center; /* horizontal centering for IE Win quirks */
 }

 #distance { 
     width:1px;
     height:50%;
     margin-bottom:-13.75em; /* half of container's height */
     float:left;
 }

 #container {
     margin:0 auto;
     position:relative; /* puts container in front of distance */
     text-align:left;
     height:27.5em;
     clear:left;
 }

 #container > * {
     margin: 1.5em 0;
 }
/* source: http://d-graff.de/fricca/center.html */