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

noblegas87 · April 28, 2020, 9:21pm

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

lasjorg · April 28, 2020, 10:12pm

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.

noblegas87 · April 28, 2020, 10:21pm

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

What do you think?

lasjorg · April 28, 2020, 10:44pm

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.