title: How to apply border spacing with CSS
body: <p>What i have so far (some sort of example, not real):</p>
  <p>html:</p>
  <pre><code>&lt;html&gt;
  &lt;body&gt;
    &lt;div id=&quot;article&quot;&gt;
      &lt;h1&gt;TITLE&lt;/h1&gt;
      &lt;p&gt;text&lt;/p&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>css</p>
  <pre><code>#article {
    color:red;
    border-bottom: 1px solid black;
  }
  </code></pre>
  <hr />
  <p>THE PROBLEM!</p>
  <p><strong>I cannot divide the border at the bottom and the div itself</strong></p>
  <p>this may help you&gt;&gt;
  <a href="http://dl.dropbox.com/u/22271794/div.PNG" rel="nofollow noreferrer">http://dl.dropbox.com/u/22271794/div.PNG</a></p>
  <p>SOLVED!!</p>
  <p><strong>HR TAG HELPED ME!!
  Search Google for&gt; HR TAG STYLING AND THAT'S IT (MARGIN ZERO, CHANGE COLOR)</strong></p>