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

Question

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

Answer 1

在一个或一个（最好是一个类）中添加vertical-align: middle;你的图像，它会修复它。classinline 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>