Dividers create a natural-looking break in your content, neatly organizing the page, and making it easier for your audience to read.
Basic Dividers
By default the divider or the horizontal rule <hr> is red and center aligned.
Alternate Alignment
Dividers are center-aligned by default but can be changed using the .left or .right classes accordingly.
Divider Colors
In addition to the default gray, you can also choose between 3 other alternate colors to fit your UI needs; .primary, .black and .white.