Horizontal Rule Functionality
Horizontal Rules make simple divisions between different kinds of content. First, I'll be talking in this paragraph.
Then, after I insert this horizontal rule, I will talk about something completely different. The horizontal rule in Perfect Layout is grey, has no border, takes up the entire width of its container, and is only three pixels tall. Below is another horizontal rule before getting to the relevant code.
Relevant HTML
<p>Paragraph 1</p> <hr /> <p>Paragraph 2</p>
Relevant CSS
#content hr
{
margin-bottom:1em;
height:3px;
border:none;
color:#d7d7d7;
background:#d7d7d7;
}