イメージの横に垂直方向のヘッダーテキストを整列しようとしています。私の問題は、私は、ウィンドウの幅とテキストラップを（高さは画像の高さよりも高くなる）減少したときに、それは画像ヘッダーテキストをイメージの横に垂直に整列する
.half {
width: 50%;
}
h4 {
font-size: 40px;
}<div class="half">
<div class="advantages_header">
<img class="advantages_icon" src="http://placehold.it/90x90" />
<h4>HEADER TEXT MAYBE LONG</h4>
</div>
</div>のトップああに整列するために開始します！私はちょうどおかげで読書のために、私はそれが誰かが:)
.half {
width: 50%;
}
.advantages_header {
position: relative;
height: 90px;
}
h4 {
left: 110px;
margin-right: 110px;
font-size: 40px;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
img {
position: absolute;
top: 50%;
transform: translate(0, -50%);
}<div class="half">
<div class="advantages_header">
<img class="advantages_icon" src="http://placehold.it/90x90" />
<h4>HEADER TEXT MAYBE LONG</h4>
</div>
</div>
もっと説明が必要に役立つことを願って、自分で考え出しました。あなたの問題を解決するメディアクエリのためのCSSを書いているかどうか分かります。 – aavrug