Можно сделать так:
добавить два элемента
между этими элементами сделать блок с текстом
разместить все элементы с помощью флексбокс
HTML:
div class="container"
hr
div class="text"Кухня по вашим предпочтениям/div
hr/
/div
CSS:
.container{
display: flex;
justify-content: space-around
}
.line{
width: ширина по вашему предпочтению;
color: red;
}
.text{
padding: 0
}
UPD: убрал символы < и >, так как теги не отображаются в ответе