Uses

Horizontal rules are used to divide content. They should be used sparingly as too many horizontal rules can be distracting and clutter up a page.

Styles

Horizontal rules should always be 1px #ccc. Sometimes horizontal rules and a div section's border-bottom or border-top can be substituted.

Examples

The horizontal rule above is used to separate the news menu and utility elements from the news content.

Code

HTML
<hr/> or <div></div>
CSS
.div { border-bottom: 1px solid #cccccc; } hr { height: 1px; background-color: #cccccc; }