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.

Next Up: Feature Columns →

Current Version