如何在网站上的2个标题图像之间垂直对齐中间的一些标题文本？

Question

以下是网址：www.dealflurry.com 我想用css。我无法弄清楚如何在其周围的2个图像之间的中间垂直显示“Deal Flurry”的标题文本。文本停留在图像的底部而不是位于中间。我已经尝试将文本和图像放在div中，但这并不像我做的那样有效。我将不胜感激任何帮助！

Answer 1

将vertical-align: middle;添加到class或inline style（最好是一个类）的图片中，它会修复它。

以下是使用内联样式的完整更新的标题div代码：

<div class="header">

<img height="200" src="http://www.dealflurry.com/images/HiRes.jpg" style="vertical-align: middle;">

Deal Flurry

<img height="200" src="http://www.dealflurry.com/images/balloons.jpg" style="vertical-align: middle;">

</div>