title: Reuse margin top and bottom for different divs?
body: <p>Hey guys I'm not sure how you guys handle this, but I assign a div to every label, chunk of text or image and then write a CSS class for margin or padding top and bottom to space things out nicely. Problem is, in my stylesheet now I find that half of divs in there do nothing but this.</p>
  
  <pre><code>.example-div {
      margin-top: 50px;
      margin-bottom: 50px;
  }
  .second-example-div {
      margin-top: 50px;
      margin-bottom: 50px;
  }
  </code></pre>
  
  <p>Do you declare a few of these classes and reuse them or do you make them all unique even though the code is repeated?</p>
  
  <p>I was thinking of doing something like this and reusing them since nearly all my divs use margins. Is this a bad idea?</p>
  
  <pre><code>.margin-small {
      margin-top: 50px;
      margin-bottom: 50px;
  }
  .margin-large {
      margin-top: 80px;
      margin-bottom: 80px;
  }
  </code></pre>
  
  <p>I'm also using Bootstrap but I don't think there's something like this built in. Thanks for your help.</p>