css - 如何垂直对齐网站上 2 个标题图像之间的中间部分标题文本？

Question

这是网址:www.dealflurry.com我想使用 CSS。我无法弄清楚如何让标有“Deal Flurry”的标题文本垂直位于其周围 2 个图像之间的中间。文本停留在图像的底部而不是在中间。我试过将文本和图像放在 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>