How to add stylish break lines for text like '___ 'and '-' with css and html?

Question

I\'m attaching a few example images to show what I mean.

For now what i was doing is adding extra div inside html and styling it in css with border-bottom, width and