<div id="layout_container">
   Horizontal center layout on page with
</div>

<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>
<h1>page content</h1>

#layout_container {
   background-color: darkgreen;
   margin: auto;
   position: fixed;
   left: 0px;
   right: 0px;
   bottom: 0px;
   top: 0px;
   width: 50%;
   height: 30%;
   color: white;
   padding: 10px;
}