How to make dashed line before and after text?

Question

Layout

Answer 1

One of the options attached here https://stackoverflow.com/questions/2812770/add-ce...

Answer 2

As one of the options:
background (see comment from Anton )
As the second option:
creating a nested block in the block with text and
div.text div.line
{position: absolute; bottom: -50% content: ''; width: 100% border-bottom: 1 px dashed grey; z-index: 200;}
block with text:
div.text {position: relative; padding-left: 20px padding-right: 20px; z-index: 100;}