# Divider

Separate content with stylish lines and shapes

## Usage

You can use a simple `<hr>` element to separate certain content parts on your page.

## Examples

Choose from the variety of style Quick offers.

### Horizontal

### Line

Show code

    <hr />

#### Fade

Show code

    <hr class="divider divider-fade" />

### Vertical

#### Line

Show code

    <hr class="divider divider-vertical" />

#### Fade

Show code

    <hr class="divider divider-vertical-fade divider-vertical" />

### Icon

#### Simple

Show code

    <hr class="divider divider-icon" />

#### Fade

What is nice is that you can combine different styles, like adding the fade effect on top of and icon divider.

Show code

    <hr class="divider divider-icon-fade divider-icon" />