如何在網站上的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>