title: Margin inside of a DIV
body: <p>I'm trying to margin some text inside of a div and I do not want to margin the whole page, I want the margin to start from the div. That is because I've made the website fit for people that have at least 800 x 600 resolution screens and if I would've margined the whole page the website would've looked different for people with other resolutions than 1920 x 1080 (My resolution).</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body
  {
      background-color: #fff;
      margin: 0;
  }
  
  p
  {
      display:inline;
  }
  
  .logo
  {
      position:absolute;
      background-image:url(images/Logo.png);
      background-position:center;
      background-repeat: no-repeat;
      height: 60px;
      width: 100%;
  }
  
  .logobg
  {
      background-color: #0e1216;
      width: 100%;
      height: 60px;
      min-width: 800px;
  }
  
  .navBarBtn
  {
      float:left;
      margin-left: 10px;
      margin-top: 15px;
      width: 100 %;
      height: 25px;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body&gt;
  &lt;!--Logo &amp; Navigation Bar--&gt;
  &lt;div class="logobg"&gt;
  &lt;div class="logo"&gt;
  
  &lt;p id="text1" class="navBarBtn1"&gt; Hem &lt;/p&gt;
  &lt;p id="text1" class="navBarBtn2"&gt; Om Oss &lt;/p&gt;
  &lt;p id="text1" class="navBarBtn3"&gt; Referenser &lt;/p&gt;
  &lt;p id="text1" class="navBarBtn4"&gt; Partners &lt;/p&gt;
  &lt;p id="text1" class="navBarBtn5"&gt; Kontakt &lt;/p&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's the website so you can take a look at it yourselves. <a href="http://undertak.se" rel="nofollow">Website URL</a></p>