Horizontal Rule

 Below is a sample of horizontal separator.

Style

Samples of horizontal rule style options.

STYLE (1) WITHOUT ICON:

STYLE (1) WITH ICON:

STYLE (2) WITHOUT ICON:

STYLE (2) WITH ICON:

STYLE (3) WITHOUT ICON:

STYLE (3) WITH ICON:

STYLE (4) WITHOUT ICON:

STYLE (4) WITH ICON:

STYLE (5) WITHOUT ICON:

STYLE (5) WITH ICON:

STYLE (6) WITHOUT ICON:

STYLE (6) WITH ICON:

STYLE (7) WITHOUT ICON:

STYLE (7) WITH ICON:

STYLE (8) WITHOUT ICON:

STYLE (8) WITH ICON:

Width

Samples of horizontal rules with different widths.

Horizontal Rule Colors And Icon Size

Sample of horizontal rule colors and icon size.

Align

Samples of alignment options.

ALIGN LEFT

ALIGN CENTER

ALIGN RIGHT

CSS ANIMATION

Some samples of css animation effects.

SAMPLE 1:

SAMPLE 2:

SAMPLE 3: