obramowanie obramowania wokół elementów

Szukam sposobu na zaimplementowanie obramowania w stylu wspornika wokół mojego<h2> nagłówki; Załączam obraz pokazujący dokładnie to, co próbuję osiągnąć.

Jedynym sposobem, aby myśleć o osiągnięciu tego efektu, jest użycie obrazów, ale nie jestem pewien, jak to zrobić (wszystkie moje<h2>s różnią się długością / wysokością lub jeśli może jest lepszy sposób.

Wszelkie wskazówki i informacje są bardzo mile widziane.

** Nienawidzę wskrzeszać tego, ale na co mogę patrzeć jako na rozwiązanie przedstawionego problemu w zaktualizowanym obrazie? Prawa linia jest zbyt daleko po prawej, a także pewne problemy z kryciem powyżej i poniżej tekstu.

AKTUALIZACJA:

questionAnswers(4)

yourAnswerToTheQuestion