title: Override CSS Bottom-Border length
body: <p>How can I set the bottom-border length of an element to be the full width of the page regardless of the size of its container?</p>
  
  <p>At the moment, the bottom border is 200px off of the full width of the page (100px left &amp; 100px right).</p>
  
  <pre><code>#portfolio {
      margin-left: 100px;
      margin-right: 100px;
      float: left;
  }
  
  #portfolio #item {
      margin-top: 50px;
      padding-bottom: 100px;
      border-bottom-color: #cdcdcd;   
      border-bottom-width: 1px;
      border-bottom-style: solid;
  }
  </code></pre>