Html 将H1标签与左右两侧的图像居中对齐

我试图找到一种方法，将包含图像的块居中对齐到

H1

标记的左右两侧。图像需要包装

h1

标记。

H1

标记需要能够随着标题的大小而增长：

如果这是UI的一部分（不是内容）-填充H1的左侧并使用CSS背景图像，然后对包装器执行相同操作（但填充右端）。使用
背景位置
将图像向左或向右对齐。
如果这是UI的一部分（不是内容）-填充H1的左侧并使用CSS背景图像，然后对包装器执行相同操作（但填充右端）。使用
背景位置
将图像向左或向右对齐。
尝试：

.titlewrap { float: left; left: 50%; position: relative}
.titlewrap > * {float:left; left: -50%}​

尝试：

尝试：


.titlewrap.dl、.titlewrap.dr{
垂直对齐：中间对齐；
}
.titlewrap.title{
显示：内联块；
*显示：内联；
}
试试：


.titlewrap.dl、.titlewrap.dr{
垂直对齐：中间对齐；
}
.titlewrap.title{
显示：内联块；
*显示：内联；
}
对我有效的是：

HTML标记：

<h1>
    <img src="img1.png" alt="back">
    This is the H1 text
    <img src="img2.png alt="logo">
</h1>

对我起作用的是：

HTML标记：

<h1>
    <img src="img1.png" alt="back">
    This is the H1 text
    <img src="img2.png alt="logo">
</h1>

h1 {
    position: relative;
}

img[alt="back"] {
    position: absolute;
    left: 20px /* Distance from the left side of the 
                  page where you want the image*/
}

img[alt="logo"] {
    position: absolute;
    right: 20px /* Distance from the right side of the
                   page where you want the image*/
}