Как делать такие заголовки?
На мой взгляд самый простой вариант - через псевдоэлементы (:before :after).
Примерно вот так: codepen.io/GoooodBoy/pen/wKmBKN
Варианты:
1. На background  положить картинку или две.
 1.1. Контейнер для заголовка с полоской на фоне, а заголовок перекрывает фон и имеет width:auto; и margin:auto;
2. Таблицей 3 столбца две строки, средняя rowspan-2 у левой верхней и правой верхней бордер снизу