Need heklp to learn about styling

How do i add"-------" like —text —

check this out: https://jsbin.com/conebovujo/edit?html,css,output

This is how i did it… there may be other better ways.

You can change the width of the line by changing the width of the div with class .line

hi, thanks for the help and if you don’t mind i’d like add another question:
how do i use the value of width of line such that the line and text covers entire container instead of using fixed width of the line.

You could do something like this…

this one is using a flexbox display…