Estoy buscando una manera de implementar un borde de estilo de soporte alrededor de mi<h2> encabezados He adjuntado una imagen que muestra exactamente lo que estoy tratando de lograr.

La única forma en la que puedo pensar para lograr este efecto es mediante el uso de imágenes, pero no estoy seguro de cómo hacerlo exactamente (todas mis<h2>s son de longitud / altura variable, o si tal vez hay una mejor manera.

Cualquier consejo y conocimiento son muy apreciados.

** Odio resucitar esto, pero ¿qué puedo ver como la solución al problema que se muestra en la imagen actualizada? La línea derecha está demasiado a la derecha, al igual que algunos problemas de opacidad encima y debajo del texto.

ACTUALIZAR: