Horizontal divider

Simple divider

The simple divider is a horizontal rule,
where you can specify the length and height,
as well as color and alignment.

You can specify alignment and divider width across different devices (small, medium and large screen).

example 1

Divider width set to 500px, height 1px  and alignment to the left.

example 2

Divider width set to full width, height 3px.

example 3

Divider width set to 250px, height 10px and center alignment.

example 4

Divider width set to 750px, height 1px and right alignment.

example 5

The dividers also allow you to specify margin above and under the divider,
this way if needed you could stack multiple dividers and add a creative touch to your page
​

Multiple dividers (colors and width)

Divider with icon

There are 3 different types of dividers with icon option, based on the alignment of the icon,
left positioned icon
center positioned icon
​right positioned icon.

Each icon can have its separate color and font size.
​

example 6

Divider width set to 500px, height 1px  and alignment to the left.
Icon positioned on the left.

example 7

Divider width set to full width, height 3px.
Icon positioned at the center.

example 8

Divider width set to 250px, height 1px and center alignment.
Icon positioned at the right.