Добрый день есть такой заголовок

Как можно заметить идет левая линия которая в ширине ровна с правой и заголовок. Так вот ситуация такая. В зависимости от ширины тексты линий подстраиваются автоматически. Возможно ли такое сделать на чистом CSS? Если к примеру весь блок 1000 ширину а ширина текста 400 то тогда линий по 300. А если ширина текста 800 то тогда ( 1000 - 800) / 2 по 100 px каждая. Думаю логику объяснил