Как с помощью css сделать вот такое подчёркивание?

Question

[losos_lapolosos]

Answer 1

[leni_m]

Answer 2

[weranda]

Варианты:
1. Добавить внутрь главного тега два тега и задать им стили.
2. Добавить один тег внутрь главного тега и задать ему стили :before и :after
3. Задать стили :before и :after главного тега
4. Добавить фоновое изображение (svg)

Answer 3

[0xD34F]

https://jsfiddle.net/fe7vL23u/

Answer 4

[ReActor Дмитрий Вершанский]

Ну или банальный подход в лоб:

1. Два div'а разной ширины (width) под этим заголовком у которых border-top: solid 2px #0000ff;

2. Два элемента hr опять же с измененным width и позиционированием

Answer 5

[Валентин]

используя :before и :after