title: Adding margin between labels isn't working, Bootstrap
body: <p>What I'm trying to accomplish can be found here at this <a href="http://jsbin.com/feronezaqu/edit?html,output" rel="nofollow">jsbin</a>.
  The labels need some space between the top and bottom of each other however whenever I try to add a margin like this:</p>
  
  <pre><code>.label-default {
      margin-bottom: 5px;      
  }
  </code></pre>
  
  <p>Nothing changes, and no margin is added. How can I add a margin to make them less cluttered?</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code> body {
     background-color: #2d2d30;
   }
   .categories {
     padding: 25px;
     text-align: center;
     margin:auto;
     left: 0;
     right: 0;
   }
   .panel-default {
     background-color: rgba(0,0,0,0);
     border: 0px solid;
     box-shadow: 0px;
   }
   .label-default {
     background-color: rgba(0,0,0,0.2);
     font-size: 12px;
   }
   .label-highlight {
     background-color: rgba(255,255,255,0.2);
     font-size: 12px;
   }
   .break {
     margin-top:-10px;
     display:block;
   }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="panel panel-default" style='text-align:center;max-width:960px;margin:auto;left:0;right:0;'&gt;
     &lt;p style='color:#fefefe;font-size:24px;font-weight:300;'&gt;How can I add padding to the bottom of each label?&lt;/p&gt;
     &lt;div class="panel-body"&gt;
        &lt;span class="label label-default pad"&gt;Default&lt;/span&gt;
        &lt;span class="label label-default"&gt;Primary&lt;/span&gt;
        &lt;span class="label label-default"&gt;Success&lt;/span&gt;
        &lt;span class="label label-default"&gt;Info&lt;/span&gt;
        &lt;span class="label label-default"&gt;Warning&lt;/span&gt;
        &lt;span class="label label-default"&gt;Danger&lt;/span&gt;
        &lt;span class="label label-default"&gt;Primary&lt;/span&gt;
        &lt;span class="label label-default"&gt;Success&lt;/span&gt;
        &lt;span class="label label-default"&gt;Info&lt;/span&gt;
        &lt;span class="label label-highlight"&gt;Warning&lt;/span&gt;
        &lt;span class="label label-default"&gt;Warning&lt;/span&gt;
        &lt;span class="label label-default"&gt;Danger&lt;/span&gt;
        &lt;span class="label label-default"&gt;Default&lt;/span&gt;
        &lt;span class="label label-default"&gt;Default&lt;/span&gt;
        &lt;span class="label label-default"&gt;Primary&lt;/span&gt;
        &lt;span class="label label-default"&gt;Default&lt;/span&gt;
        &lt;span class="label label-default"&gt;Primary&lt;/span&gt;
        &lt;span class="label label-default"&gt;Success&lt;/span&gt;
        &lt;span class="label label-default"&gt;Info&lt;/span&gt;
         ...
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>