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

Question

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

------------------------------------------
img1--------some centered text-------img2
------------------------------------------

• img1和img2的尺寸不一样，但它们的宽度非常接近
• 文字根据显示的页面而变化，可能包含两行而不是一行。
• 文本需要在两个图像之间水平居中，或者在容器外部之间（要么没问题）
• 文本和图像需要在容器内垂直居中。

我可以用桌子很容易地做到这一点，但我宁愿不退缩到布局。 position:inline-block和display:table-cell属性在某些浏览器中运行良好，但我需要支持IE6 +。

Answer 1

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