title: Stop borders from expanding into Margins/Padding
body: <p>I am trying to create my meta section for my blog posts using twitter bootstrap. The issue I'm running into is the borders around my DIVs are expanding out into the negative margins of the row and I can't figure out why (borders in my other divs are not having this problem).</p>
  
  <p>If someone could help me figure out how to stop the top and bottom borders from expanding into the left and right padding/margins, it would be greatly appreciated.</p>
  
  <p>Here's the applicable CSS:</p>
  
  <pre><code>.row {
    margin-right: -15px;
    margin-left: -15px;
  }
  
  .col-md-3 {
      width: 25%;
      float: left;
  
  }
  
  .meta-entry-right{
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      font-size: 12px;
      text-transform: uppercase;
      color: gray;
  }
  
  .meta-entry{
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;
      font-size: 12px;
      text-transform: uppercase;
      color: gray; 
  }
  </code></pre>
  
  <p>And here's the HTML:</p>
  
  <pre><code>&lt;footer class="row"&gt;
                  &lt;div class="col-md-3 meta-entry"&gt;
                      Author: &lt;br&gt;
                      &lt;?php the_author_link(); ?&gt; 
                  &lt;/div&gt;
                  &lt;div class="col-md-3 meta-entry"&gt;
                      Posted On:&lt;br&gt;
                      &lt;?php the_time('F j, Y'); ?&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-3 meta-entry"&gt;
                      Categorized:&lt;br&gt;
                      &lt;?php echo get_the_category_list(', '); ?&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-3 meta-entry-right"&gt;
                      Discussion:&lt;br&gt;
                      &lt;a href="&lt;?php comments_link(); ?&gt;"&gt;&lt;?php comments_number(); ?&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/footer&gt;
  </code></pre>
  
  <p>You can view the issue in action here: <a href="http://onedirectionconnection.com/tester/" rel="nofollow">http://onedirectionconnection.com/tester/</a></p>
  
  <p>Thanks for any help in advance!</p>