title: CSS margin notation (top, right, bottom, left)
body: <p>I was <a href="https://stackoverflow.com/questions/356759/a-mnemonic-for-the-order-of-css-margin-and-padding-shorthand-properties">under the impression</a> that writing:    </p>
  
  <pre><code>  margin-bottom: 5px; 
  </code></pre>
  
  <p>Would be the same as </p>
  
  <pre><code>  margin: 0px 0px 5px 0px; 
  </code></pre>
  
  <p>However the two behave differently.  The second doesn't just add margin at the bottom, but also causes some margin to appear at the sides.  I'm using Bootstrap scaffolding and it causes the content to wrap onto a new line.</p>
  
  <p>Looking at Firebug I see:  </p>
  
  <pre><code>    margin: 0 0 5px;
  </code></pre>
  
  <p>Can you shed some light on what is happening here?</p>