css - Webサイトの2つのヘッダー画像の間にいくつかのヘッダーテキストを垂直に配置するにはどうすればよいですか？

Question

URLは次のとおりです。www.dealflurry.comcssを使用したい。「DealFlurry」というヘッダーテキストを、周囲の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>