Dividers are single pixel lines that help separate and group content together. They are available in both horizontal and vertical orientation. To use them, the
<hr> HTML tag should be added. By default, the horizontal divider will be applied. To create a vertical divider, add a
.vertical class to the
Note: The Divider does not have any margins added because the size of the margin should be dictated by the content the
<hr> is separating. To add appropriate margins to the
<hr>, use the Spacing Utility Classes.