Basic Dividers with Borders

Horizontal Divider (`border-t`)

This is the first section of content.

This is the second section of content, appearing after the horizontal divider.

Vertical Divider (`border-l`)

Left Panel

Content for the left side.

Right Panel

Content for the right side. The `border-l-2 border-sky-500 pl-4` on this element creates the dividing line from the left panel.

In the example above, the right panel has a `border-l-2` creating a visual separation from the left panel. `space-x-4` on the flex container provides initial spacing, and `pl-4` on the right panel ensures its content doesn't touch its own left border.