скобка стиль границы вокруг элементов

Я ищу способ реализовать рамку в виде скобок вокруг моего<h2> заголовки; Я приложил изображение, показывающее, чего именно я пытаюсь достичь.

Единственный способ добиться этого эффекта - использовать изображения, но я не уверен, как именно это сделать (все мои<h2>s имеют различную длину / высоту, или, может быть, есть лучший способ.

Любые советы & amp; понимание очень ценится.

** Я ненавижу воскрешать это, но что я могу рассматривать как решение проблемы, показанной в обновленном изображении? Правая строка слишком правая, а также некоторые проблемы с непрозрачностью над и под текстом.

bracket borders

ОБНОВИТЬ:updated image

Ответы на вопрос(4)

Ваш ответ на вопрос