How would I create a divider like this in html/css below this title(no code)

I just want to create ethe divider for this webpage I am going to try to replicate. Not concerned about adding buttons yet.

The vertical or horizontal?

For horizontal dividers you can often just use a <hr> element. But both border and before/after pseudo-elements works well for making dividers.

Vertical. But so far I think I am getting there:

What do you think?

Personally I would favor using before/after pseudo-elements instead of empty elements.

When using a border it would probably be better to add a left border on the container for the list on the right side.

1 Like