title: CSS margins add up or are combined?
body: <p>Let's assume that we have the following code:</p>
  
  <pre><code>&lt;div style="margin-bottom:100px;"&gt;test&lt;/div&gt;
  &lt;div style="margin-top:100px;"&gt;test&lt;/div&gt;
  </code></pre>
  
  <p>I noticed that sometimes it creates 100px of margin between elements and sometimes it's 200px (when we use certain settings that I'm not familiar with). I can't find any information about that in the specification. What does this depend on?</p>
  
  <p>If we have <code>h1</code> and <code>p</code> in a blank document then the margin of <code>h1</code> will be combined with the margin of <code>p</code>. They will not add up. Whichever is larger will be used.</p>