CSS在两个图像之间居中显示文本

我需要显示两个图像和一些文本，如下所示：

------------------------------------------ img1--------some centered text-------img2 ------------------------------------------ ------------------------------------------ img1-----一些居中文本------img2 ------------------------------------------

• img1和img2的尺寸不同，但它们的宽度非常接近
• 文本是可变的，这取决于它所显示的页面，并且可能包括两行而不是一行
• 文本需要在两个图像之间水平居中，或者在容器外部居中（两者都可以）
• 文本和图像需要在容器内垂直居中

我可以用一张桌子很容易地做到这一点，但我不想在布局上退缩到这一点。

position:inline block

和

display:table cell

属性在某些浏览器中非常有效，但我需要支持IE6+

<style type="text/css">
#image1 { float: left; }
#image2 { float: right; }
#text { text-align: center; }
</style>

#image1{float:left；}
#image2{float:right；}
#文本{文本对齐：居中；}

它负责水平组件，但所有组件都是顶部对齐的。我还需要所有东西垂直居中。为了进行垂直对齐，您必须在图像和文本容器上设置高度。然后可以使用垂直对齐：居中；尝试在div、span和图像上使用垂直对齐，但没有效果。垂直对齐使用“中间”而不是“中心”