Centered Layout on Zoom

by Kyle Mitofsky

HTML

<div class="wrapper">Content</div>
















<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO Question: <a href='http://stackoverflow.com/q/22999383/1366033'>keep wrapper centered when zooming in and out?</a><br/>                
<div>

CSS

body {
    top: 0%;
    margin: 0 auto;
    width: 1366px;
    height: 768px;
    background: white;
}
.wrapper {
    position: absolute;
    left: 20%;
    right: 20%;
    margin: 0 auto;
    min-height: 100%;
    background: black;
}