Using `border-l` for Vertical Dividers

Two Column Layout with Divider

Left Column

This is the content for the left column. It is separated by a vertical line originating from an empty div.

Right Column

This is the content for the right column, appearing after the vertical divider.

Inline-like Content with Vertical Separators

Dashboard Settings Profile Logout (thicker border)

In this example, border-l is applied directly to subsequent <span> elements along with padding ( pl-3 ) and margin ( ml-3 ) to create space for and around the divider.