alignment - html - vertical-align div - 画像の横にあるテキストを垂直に配置するには?

vertical-align sub / html / css / vertical-alignment

なぜ vertical-align: middle ないのですか:中間の作業ですか?それでも、 vertical-align: top 機能します。

span{
  vertical-align: middle;
}
<div>
  <img src="http://lorempixel.com/30/30/" alt="small img" />
  <span>Doesn't work.</span>
</div>

jlewkovich



Answer #1
div { display:flex; }

方法1:

div { align-items:center; }

方法2:

div * { margin-top:auto; margin-bottom:auto; }