title: How can I get rid of margin around my HTML content?
body: <p>The following HTML display fine.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;title&gt;Hello&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div style="width: 100px; height: 100px; background: red;"&gt;
              &lt;div&gt;Hello&lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, there is a space of around 10 pixel between the left and top edges my div and the browser window.
  Is there a way to get rid of it so that the div is "glued" to the browser window?</p>