Универсальное решение для данной задачи?

Question

[DeniSidorenko]

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


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

Answer 1

[zoozag]

jsfiddle.net/daRch

Comments

[Сергей delphinpro]

jsfiddle.net/daRch/1126
класс...

[zoozag]

Сергей, В картинке в вопросе фон совпадает.
Можно так: jsfiddle.net/3Lr9sygL

[DeniSidorenko]

zoozag, А решение без before можно ли как то сделать эти линий что бы были как дивы?

[zoozag]

DeniSidorenko,
Поставьте вместо before и after два дива, если нужны дивы, но это не очень, лепить пустые дивы без надобности.

[DeniSidorenko]

zoozag, Есть надобность, на картинке можно увидеть что в конце каждая линия имеет какой то объект. И я сделал раньше с дивами, но как поставить что бы они занимали свободную ширину постоянно

[zoozag]

jsfiddle.net/nb9c4qL9