响应标题与每侧的不同背景图像

Question

我在这里有一些CSS挑战。描述我所追求的也是挑战:)所以希望它有意义。

我需要在DIV容器中间对齐的文字标题。

标题需要有一个适用于其左侧的背景图像和适用于其右侧的不同背景图像。

TITLE文本背后的背景必须是透明的。

~~~~bg image1~~~~ TITLE ~~~~bg image2~~~~ 

DIV容器的width与TITLE文本长度不同。

我尝试使用:before和:after标记

来应用内容

h1 {margin: 0 auto;display: table;}
h1:before {content: url('image_left.png');}
h1:after {content: url('image_right.png');}

然而这对我来说不起作用，因为宽度：before和：after元素等于内容图像的宽度，我无法弄清楚如何使其响应。

任何提示赞赏：）