Borders
Separating content
Use the border for underlining or to separate content sections where spacing and backgrounds don’t fit. Avoid framing content using borders.
Combine mb-border
with the side classes.
mb-border ba
mb-border bb
mb-border bt
mb-border bl
mb-border br
mb-border ba b--white
bn {border: none}
bw0 { border-width: 0; }
Horizontal rule
Adding these utilities to the correct HTML elements is mostly the best way to
create borders. But when adding “a thematic
break” between content, the <hr>
element
can be handy. It looks identical to the border: