Q:

How to apply border spacing with CSS

What i have so far (some sort of example, not real):
html:
<html>
<body>
<div id="article">
<h1>TITLE</h1>
<p>text</p>
</div>

css
#article {
color:red;
border-bottom: 1px solid black;
}

THE PROBLEM!
I cannot divide the border at the bottom and the div itself
this may help you>>
http://dl.dropbox.com/u/22271794/div.PNG
SOLVED!!
HR TAG HELPED ME!!
Search Google for> HR TAG STYLING AND THAT'S IT (MARGIN ZERO, CHANGE COLOR)

A:

just set a padding-bottom to the div itself, e.g.
#article {
   color          : red;
   border-bottom  : 1px solid black;
   padding-bottom : 1.5em;
}

