Horizontal rules

HTML

<link rel="stylesheet" href="http://inuitcss.com/inuit.min.css">
<h3>inuit.css</h3>

<hr>

<p>Foo bar baz</p>

<hr class=rule>

<p>Foo bar baz</p>

<hr class="rule  rule--dotted">

<ul>
    <li>Foo bar baz</li>
    <li>Bar baz foo</li>
    <li>Baz foo bar</li>
</ul>

<hr class="rule  rule--dashed">

<ul>
    <li>Foo bar baz</li>
    <li>Bar baz foo</li>
    <li>Baz foo bar</li>
</ul>

<hr class="rule  rule--ornament">

<ul>
    <li>Foo bar baz</li>
    <li>Bar baz foo</li>
    <li>Baz foo bar</li>
</ul>

CSS

/**
 * These demo styles sit on top of inuit.css
 * github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_rules.scss
 */

html{
    font:1em/1.5 Georgia, serif;
    padding:5%;
    background-color:#fff;
    color:#333;
}