title: CSS center page on screen
body: <p>//sorry for the bad formating, i am on my phone... </p>
  
  <p>When someone asks how to center a page, then the response is like:</p>
  
  <pre><code>margin-left:50%;
  left:(-1/2 width);
  </code></pre>
  
  <p>I used this code on a site with a width of 1000px,so it comes to screens, where this site does not fit. 
  Now the site gets centered on the smaller screen and gets equaly pushet to left and right. </p>
  
  <p>So lets say, our screen is 600px wide:</p>
  
  <pre><code>200px are left
  600px are on screen 
  200px are right
  </code></pre>
  
  <p>You can scroll to the right, but the pixels on the left are unreachable... </p>
  
  <p>How can i solve this to control, how much of my site gets dragged to the left in case of smaller screens? 
  This is especially important for mobile phones... </p>