title: Margin doesn't work? Need space between two elements
body: <p>First of all, I do apologize I don't put my link here, it's a site for work and I'm not allowed. I'll post the relevant parts of my code if necessary though.</p>
  
  <p>So the problem is pretty basic - i have one div with some images, and a header  <code>&lt;h3&gt;</code> below where my content starts  . No matter how much I try to create some space between the two, it doesn't work. I've tried margin and padding on both elements, changing between position relative and absolute, and throwing in lots of <code>&lt;br&gt;</code> tags. Nothing works!</p>
  
  <p>What causes my two elements to be so attracted to each other? What may cause inability to create space between two elements?</p>
  
  <p>Thanks!</p>
  
  <p>Edit: here's my css code for the div:</p>
  
  <pre><code>.bmwrapper {
      width: 720px;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      z-index: 1;
  }
  
  .bmvenstre {
      float: left;
      text-align: left;
      z-index: 1;
  }
  
  .bmhoyre {
      float: right;
      text-align: left;
      z-index: 1;
  }
  </code></pre>
  
  <p>So it's one big div that acts as a wrapper, and two divs (left and right) inside. The links are displayed as blocks:</p>
  
  <pre><code>a.bmlink {
      display: block;
      margin: 0;
      padding: 4px;
      font-family: Tahoma, Verdana, Segoe, sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 2px;
      color: #08A;
      text-decoration: none;
      z-index: 2;
  }
  </code></pre>
  
  <p>The header below this div is just a <code>&lt;h3&gt;</code> tag, then there's some text. Hope this helps!</p>