title: Scrambled elements when resizing
body: <p>html:</p>
  
  <pre><code>&lt;p style="margin-left:1250px; margin-top:70px;"&gt;&lt;a href=""&gt;Go to the main website&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>a {
      color: #000000;
      text-decoration: none;
  
  }
  
  html {
      background-color: #FFFFFF;
      -webkit-font-smoothing: antialiased;
  }
  
  body {
      margin: 0 auto;
      background-color: #ffffff;
      max-width: 100%;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 1.5em;
      color: #545454;
      background-color: #ffffff;
      text-align: center;
  }
  </code></pre>
  
  <p>Whenever i re-size the browser's window "Go to the main website" is getting scrambled.
  Any help?</p>