How to make such lines on the sides of the text?

Question

css

How to make such horizontal gray lines near the text? (Responsive)

https://codepen.io/Mukzer/pen/jOmmPBy?editors=0100

Answer 1

You can do this:
add two elements
between these elements make a block with text
place all elements using flexbox
HTML:
div class="container"
hr
div class="text"Kitchen of your choice/div
hr/
/div
CSS:
.container{
display:flex;
justify-content: space-around
}
.line{
width: width of your choice;
color: red;
}
.text{
padding: 0
}
UPD: removed the < and > symbols, since the tags are not displayed in the response