title: how to set DIV position to 200 pixels to left of the center
body: <p>I want to position a <code>DIV</code> 200 pixels to left of the center.</p>
  
  <p>I am currently using the following code, but on higher resolution displays (e.g. 1920×1080), the <code>DIV</code> was slipping out of position:</p>
  
  <pre><code>.hsonuc {
      position: absolute;  
      top: 20px; 
      margin:auto;
      margin-left:200px;
      display:none;
  }
  </code></pre>
  
  <h2>What I want to achieve:</h2>
  
  <p><img src="https://i.stack.imgur.com/wnNJX.png" alt="Illustrating a div that is positioned 200px to the left of the center of the page"></p>