画像に vertical-align: middle; と指定してみたのですが、
<p> はブロック要素である上、指定を直接加えてないのにも関わらず、
画像だけでなくテキスト自体も上下中央揃えになるのは何故ですか？

HTML

<p>画像はこちら
  <img src="logo.png" width="128" height="128">
  <img src="taro.png" width="120" height="90">です。
</p>

CSS

p{
  background-color: pink;
}
img{
  width: 80px;
  height: 80px;
  object-fit: cover;
  vertical-align: middle;
}