Skip to main content
A divider is a thin line that groups content in lists and layouts.
<div class="u-paper"> <p>Lorem ipsum dolor Nelnet</p> <hr class="u-divider u-my-xs-2" /> <p>Lorem ipsum dolor Unifi</p></div>
<div class="u-paper"> <p>Lorem ipsum dolor Nelnet</p> <hr class="u-divider u-divider--middle u-my-xs-2" /> <p>Lorem ipsum dolor Unifi</p></div>
<div class="u-paper"> <p>Lorem ipsum dolor Nelnet</p> <hr class="u-divider u-divider--inset u-my-xs-2" /> <p>Lorem ipsum dolor Unifi</p></div>