Vertical spacing with a dash of colour
Similar to spacers, dividers provide consistent vertical spacing while allowing to visually separate your content. A divider has a horizontal line in the middle, which you can style to suit your needs.
Being 100% wide, it can be used anywhere a table is allowed: before/after other tables, or inside table cells or divs.
The spacing above and below the divider line is defined by adjusting the
height="" attribute of the inner
<td> element - the content inside this cell is vertically centered by Pine's CSS Reset. Dividers are reset to a smaller height for mobile, but you can override that if you need to.