title: Why are my div's margin affected by content/blocks INSIDE of it?
body: <p>I have the following:</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;some content&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or:</p>
  
  <pre><code>&lt;div&gt;
      some content
  &lt;/div&gt;
  </code></pre>
  
  <p>Without the:</p>
  
  <pre><code>&lt;p&gt;some content&lt;/p&gt; 
  </code></pre>
  
  <p>...the div's positioning is different. It appears as though block content INSIDE the div is affecting the div's outer (top) margin. So is the div pushed down? I would think that content inside the div, like a block would not affect the containing block's margin.  Why is the margin of the div affected by the content inside of it?</p>